/* CSS Document */

/* Table of Contents
-----------------------------------------------------------------------------
1. Desktop
2. Tablet
3. Medium devices
4. Small devices
*/
@media (max-width: 1800px){
    :root {
        --font-18: 16px;
        --font-19: 17px;
        --font-20: 18px;
        --font-22: 20px;
        --font-24: 22px;
        --font-26: 25px;
        --font-28: 26px;
        --font-30: 28px;
        --font-34: 31px;
        --font-55: 51px;
        --font-60: 56px;
        --font-70: 65px;
        --font-80: 75px;
        --font-90: 84px;
        --font-100: 90px;
    }
    .our-story .story-number h2{font-size: 90px;}
    .font40,.form-section-contact h3{font-size: 38px;}
    /* .header-menu ul li {padding-right: 45px;} */
    footer .footer-menu ul li a {padding: 0 60px;}
    .featured-lists {padding: 90px 0;}
    .events-posts{margin-top: 90px;}
    .festival-season .group-heading .h2 {font-size: 40px;}
    section:not(.home section),section.board-of-directors,.single-content-inner,#tribe-events-pg-template,.resource-contents,.other-resources,.search-section{padding: 90px 0;}
    .our-mission.member-overflow{padding-top: 120px;}
    .other-resources .group-heading{margin-bottom: 90px;}
    .our-comapny-purpose .two-purpose-lists .loop-p-content{padding: 90px;}
    .footer-menus {margin-right: 0;width: 16%;}
    .contact-us {margin-right: 0;}
    footer .footer-logo{margin-right: 0;width: 24%;}
    .footertop{justify-content: space-between;}
    footer .contact-us {width: 20%;}
    footer .membership {width: 27%;}
    .our-story .story-lists{margin-top: 90px;}
    .contact-bg-new{padding: 56px 75px;}
    .contact-icon-details{padding: 25px 50px 40px;}
    .contact-main-title{margin-bottom: 70px;}
    body .form-section-contact .gform_wrapper.gravity-theme textarea {height: 180px !important;}
    .common-content-section p br{display: none;}
    .event-page-section .right-full .events-single-loop{padding-bottom: 0 !important;}
    .single-tribe-custom .tribe-events-schedule{margin: 35px 0;}
    .sponsor-inner{padding: 80px;}
    .sp-form{margin-top: 80px;}

.photo-credit {
    right: 50px;
}
}
@media (max-width: 1600px){
    :root {
        --font-20: 16px;
        --font-26: 22px;
        --font-24: 20px;
        --font-30: 25px;
        --font-34: 28px;
        --font-55: 45px;
        --font-60: 50px;
        --font-70: 60px;
        --font-80: 66px;
        --font-90: 75px;
        --font-100: 80px;
    }
    .resource-links-tab-container .tab-menu .tab-link{
        padding: 20px 10px;
    }
    .our-story .story-number h2{font-size: 80px;}
    .festival-season .group-heading .h2 {font-size: 40px;}
    /* .header-menu ul li {padding-right: 40px;} */
    footer .footer-menu ul li a {padding: 0 53px;}
    .featured-lists {padding: 80px 0;}
    .our-mission .our-mission-main{padding-left: 50px;}
    .blogs{padding: 106px 83px;}
    .blog-loop{margin: 58px -25px 0;}
    .blog-inner,.news-lists .blog-inner {padding: 30px;}
    .resource-out{margin-top: 58px;}
    .two-out .resource-right {margin-top: 71px;}
    .events-posts{margin-top: 80px;}
    .featured-title {width: 60%;}
    .seasons .above-content{bottom: -100px;}
    .button-group,.our-comapny-purpose .button-group{margin-top: 60px;}
    footer .footer-bg ul li a {margin-bottom: 13px;}
    .phone.contacticon{margin-bottom: 15px;}
    .footer-bg h6 {margin-bottom: 25px;}
    .footertop{margin-bottom: 80px;}
    footer .footer-bottom{padding-top: 20px;}
    section:not(.home section),section.board-of-directors,.single-content-inner,#tribe-events-pg-template,.resource-contents,.other-resources,.search-section{padding: 80px 0;}
    .other-resources .group-heading{margin-bottom: 80px;}
    .our-comapny-purpose .two-purpose-lists .loop-p-content{padding: 80px;}
    .our-comapny-purpose .two-purpose-lists .loop-p-content h2{margin-bottom: 35px;}
    .three-purpose-lists > .loop-purpose{padding: 40px 30px;}
    .our-story .story-lists{margin-top: 80px;}
    .contact-bg-new{padding: 50px 60px;}
    .contact-main-title{margin-bottom: 60px;}
    body .form-section-contact .gform_wrapper.gravity-theme textarea {height: 150px !important; }
    .single-inner h1.h1.home-page-hero-section-title {font-size: 35px;}
    .common-content-section .h3{margin-bottom: 40px;}
    .common-content-section a.btn{margin-top: 40px;}
    .our-mission.member-overflow{padding-top: 130px;}
    .event-page-section .group-heading .grp-content img {max-width: 190px;min-width: auto;}
    .event-page-section .right-full .events-single-loop{width: calc(100% / 3 - 35px);margin: 0 17.5px;}
    .event-page-section .right-full > .d-flex {margin: 0 -17.5px;}
    .event-page-section .right-full .events-single-loop .above-events{padding: 25px 25px 25px;}
    .single-tribe-custom .tribe-events-schedule{margin: 30px 0;}
    .single-tribe-custom h1.tribe-events-single-event-title {font-size: 40px;}
    .related-post-single{padding-top: 60px;margin-top: 60px;}
    .featuredimg img{height: 260px;}
    .single-tribe-custom .events-single-loop .above-events span.large-date {font-size: 43px;}
    .single-tribe-custom .events-single-loop .above-events span.month,.events-single-loop span.year{font-size: 15px;}
    .single-tribe-custom .above-events .h5{margin: 9px 0;}
    .single-tribe-custom .above-events .map {margin-bottom: 10px;}
    .single-tribe-custom .above-events .map span, .single-tribe-custom .above-events .eventtime span {font-size: 15px;margin-right: 5px;}
    .single-tribe-custom .above-events {padding: 20px 23px;}
    .resource-categories ul li{ margin-bottom: 15px;padding: 20px 10px;}
    .right-resource-content h3{font-size: 40px;}
    .sponsor-form-section .sponsor-inner .h2{margin-bottom: 50px;}
    .sponsor-form-section .sponsor-inner .sp-form{margin-top: 50px;}
    .sponsor-inner{padding: 70px;}
    .sp-form{margin-top: 80px;}
    section.tab-with-faq-section .nav-tabs li {min-width: auto;}
}

@media (max-width: 1440px){
    :root {
        --font-34: 26px;
        --font-55: 40px;
        --font-60: 45px;
        --font-70: 50px;
        --font-80: 55px;
        --font-90: 65px;
        --font-100: 70px;
    }
   
    .our-story .story-number h2{font-size: 70px;}
    /* .header-menu ul li {padding-right: 35px;} */
    .btn{padding: 15px 45px;}
    .header-logo img.custom-logo {max-width: 150px;}
    .header-logo {width: 15%;}
    .header-menu{width: 85%;}
    .features .loop a{padding: 30px 10px;} 
    .featured-lists {padding: 70px 0;}
    .our-mission .our-mission-main{padding-left: 69px;}
    .blogs{padding: 125px 72px;}
    .blogs-section,.resources-section,.two-cls-btns,.our-sponsers,.events-lists-section,.festival-season,.our-mission{padding: 70px 0px;}
    .social-media-section {
        padding-bottom: 70px;
    }
    section.our-sponsers,.make-impact{padding-bottom: 70px;}
    .blog-loop{margin: 51px -25px 0;}
    .blog-inner,.news-lists .blog-inner{padding: 25px;}
    .resource-out{margin-top: 51px;}
    .twocolloop{padding: 50px;}
    .two-out .resource-right {margin-top: 66px;} 
    .events-posts{margin-top: 70px;}
    .left-full .events-single-loop .above-events span.large-date, .right-full .events-single-loop .above-events span.large-date{font-size: 33px;}
    .title-inner {padding: 25px;}
    .features .loop .d-flex,.features-new-description p{margin-bottom: 10px;}
    .font40,.festival-season .group-heading .h2,.form-section-contact h3 {font-size: 35px;}
    .button-group,.our-comapny-purpose .button-group{margin-top: 50px;}
    .our-mission .right-mission img{left: 15px;}
    .footertop{margin-bottom: 70px;}
    section:not(.home section),section.board-of-directors,.single-content-inner,#tribe-events-pg-template,.resource-contents,.other-resources,.search-section{padding: 70px 0;}
    .other-resources .group-heading{margin-bottom: 70px;}
    .our-comapny-purpose .two-purpose-lists .loop-p-content{padding: 70px;}
    .our-comapny-purpose .two-purpose-lists .loop-p-content h2{margin-bottom: 25px;}
    span.divider{margin: 25px 0;}
    .three-purpose-lists{margin: 0 -7px;}
    .three-purpose-lists .loop-purpose {width: calc(100% / 3 - 14px);margin: 0 7px;}
    span.divider {margin: 20px 0;}
    .three-purpose-lists > .loop-purpose{padding: 30px 20px;}
    .three-purpose-lists .loop-purpose .h2 {font-size: 27px;}
    .our-story .story-lists{margin-top: 70px;}
    .story-content {width: 43.54%;}
    .story-number {width: 45%;}
    .grid-image-section .grid-loop .single-grid-img img{height: 350px;}
    .grid-image-section .grid-loop .single-grid-img:last-child{margin-bottom: 0;}
    .btnmargin {margin-top: 30px;}
    .contact-bg-new{padding: 43px 55px;}
    .contact-icon-details{padding: 20px 40px 30px;margin-bottom: 20px;}
    .socialinquires .general-repeater {margin-right: 10px;width: auto;}
    .socialinquires .featured-img a{width: 40px;height: 40px;}
    .socialinquires .featured-img a img{max-width: 20px;}
    .icon-details :last-child{margin-bottom: 0;}
    .general-title {margin-bottom: 15px;}
    .general-repeater {margin-right: 0px;width: 100%;margin-bottom: 10px;}
    .contact-us-sec .featured-img .round{width: 40px;height: 40px;}
    .contact-us-sec .featured-img .round img {max-width: 20px;}
    .icon-content {margin-left: 10px;}
    body .form-section-contact .gform_wrapper.gravity-theme input, body .form-section-contact .gform_wrapper.gravity-theme textarea{padding: 15px 19px !important;font-size: 16px !important;}
    body .form-section-contact .gform_wrapper.gravity-theme .gform_fields {grid-row-gap: 20px;}
   .contact-main-title{margin-bottom: 50px;}
   .socialinquires .general-repeater{margin-bottom: 0;}
   .board-of-directors .seasons .seasonimg img {height: 500px;min-height: 500px;}
   .board-of-directors .seasons .above-content{padding: 30px;}
   
   .single-inner h1.h1.home-page-hero-section-title {font-size: 30px;}
   .common-content-section .h3{margin-bottom: 35px;}
   .common-content-section a.btn{margin-top: 35px;}
   .single-tribe-custom .tribe-events-schedule{margin: 25px 0;}
   .single-tribe-custom h1.tribe-events-single-event-title {font-size: 38px;}
   .details-meta-data > div{padding-bottom: 25px;margin-bottom: 25px;}
   .single-tribe-custom .tribe-events-single-event-description span{font-size: 20px;}
   .related-post-single{padding-top: 50px;margin-top: 50px;}
   .single-tribe-custom .related-post-single > .d-flex{margin: 60px -15px 0;}
   .featuredimg img{height: 250px;}

    .single-tribe-custom .events-single-loop .above-events span.large-date {font-size: 40px;}
    .single-tribe-custom .above-events .map span:last-child, .single-tribe-custom .above-events .eventtime span:last-child{margin-right: 0;}
    .single-tribe-custom .above-events{padding: 15px;}

    .resource-description {margin: 10px 0;}
    .resource-post{margin: 25px -15px 0;}

    .right-resource-content h3{font-size: 35px;}
    .sponsor-form-section .sponsor-inner .h2{margin-bottom: 40px;}
    .sponsor-form-section .sponsor-inner .sp-form{margin-top: 40px;}

    .sponsor-inner{padding: 60px;}
    .sp-form{margin-top: 60px;}
    .vendor-section-inner-wrap {padding: 70px 90px 70px 90px;}
    .vendor-section-row-column.vendor-section-row-column-right:before {left: -12%;}
    .resource-link-box {
        padding: 30px 20px;
        gap: 30px;
        min-height: 280px;
    }
    .resource-link-image img {
        width: 50px;
        height: 50px;
    }
    .contact-icon-content .contact-main-title {
        margin-top: 40px;
    }
    body .newsletter-inquires form .gform_fields .gfield input {
        padding: 15px 19px !important;
        font-size: 16px !important;
    }
    .newsletter-inquires .gform-footer input[type="submit"] {
        font-size: 16px !important;
        padding: 28.5px 48px !important;
    }
}
@media (max-width:1366px) {
    .seasons{
        row-gap: 30px;
    }
    .quick-links {
        right: -38px;
    }
    .header-navigation .main-menu > li > a {
        padding: 20px 20px;
    }

    :root {
        --font-55: 35px;
        --font-60: 40px;
        --font-70: 45px;
        --font-80: 50px;
        --font-90: 60px;
        --font-100: 65px;
    }
    .our-story .story-number h2{font-size: 65px;}
    /* .header-menu ul li {padding-right: 30px;} */
    .btn{padding: 12px 40px;}
    footer .footer-menu ul li a {padding: 0 45px;}
    .home-page-hero-section-content h4{margin-top: 40px;}
    .features .loop,.seasons .loop{flex: unset;width: calc(100% / 2 - 30px);;}
    span.round {width: 70px;height: 70px;outline: 5px;}
    .our-mission .our-mission-main{padding-left: 35px;}
    .our-mission blockquote{margin: 20px 0;padding: 20px;}
    .make-impact .group-heading .h2{margin-bottom: 40px;}
    .blogs{padding: 93px 70px;}
    .blogs-section,.resources-section,.two-cls-btns,.our-sponsers,.events-lists-section,.festival-season,.our-mission{padding: 65px 0px;}
    .social-media-section {
        padding-bottom: 65px;
    }
    .our-sponsers{padding-bottom: 65px;}
    .blog-loop{margin: 49px -25px 0;}
    .blog-inner,.news-lists .blog-inner {padding: 20px;}
    .blog-content h5{margin: 10px 0;}
    .blog-content a{margin-top: 20px;}
    .blog-content span{
        margin-top: 20px;
    }
    .blog-meta span{font-size: 14px;}
    .blog-meta span img{max-width: 30px;}
    .resource-out{margin-top: 48px;}
    .twocolloop{padding: 40px;}
    .two-out .resource-right {margin-top: 61px;}
    .groupbutton .btn {max-width: 135px;padding: 20px 10px !important; }
    .events-posts{margin-top: 62px;}
    .right-full .events-single-loop .above-events .h5 {font-size: 20px;display: -webkit-box;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 2;max-height: 3em;}
    .left-full .events-single-loop .above-events span.large-date, .right-full .events-single-loop .above-events span.large-date{font-size: 30px;}
    .right-full .events-single-loop .aboveevents .h5{margin-bottom: 10px;}
    .bg-loop,.parade-pride-section .bg-loop {padding: 20px;}
    .title p{margin-bottom: 10px;}
    .features .loop .d-flex{justify-content: flex-end;}
    .seasons .loop{margin-bottom: 50px;}
    .featured-title{margin-left: 15px;}
    .seasons .above-content {bottom: -70px;}
    .font40,.festival-season .group-heading .h2,.form-section-contact h3 {font-size: 30px;}
    .make-impact .title p {margin-bottom: 15px;}
    .button-group,.our-comapny-purpose .button-group{margin-top: 40px;}
    .heading-g .d-flex {width: 80%;}    
    .resource-left .resource-loop.active span.round {width: 70px;height: 70px;}
    .right-full .events-single-loop{margin-bottom: 30px;padding-bottom: 30px;}
    .footertop{margin-bottom: 60px;}
    section:not(.home section),section.board-of-directors,.single-content-inner,#tribe-events-pg-template,.resource-contents,.other-resources,.search-section{padding: 60px 0;}
    .other-resources .group-heading{margin-bottom: 60px;}
    .our-comapny-purpose .two-purpose-lists .loop-p-content{padding: 60px;}
    .our-comapny-purpose .two-purpose-lists .loop-img img{height: 400px;}
    .our-comapny-purpose .two-purpose-lists .loop-p-content h2{margin-bottom: 20px;}
    .three-purpose-lists > .loop-purpose{padding: 20px 20px;}
    .three-purpose-lists .loop-purpose .h2 {font-size: 25px;}
    .our-story .story-lists{margin-top: 60px;}
    .contact-bg-new{padding: 35px 40px;}
    .contact-main-title{margin-bottom: 40px;}

   .board-of-directors .seasons .seasonimg img {height: 450px;min-height: 450px;}
   .board-of-directors .seasons .above-content{padding: 20px;}
   .board-of-directors .seasons .loop {width: calc(100% / 3 - 20px);margin: 0 10px;}
   .board-of-directors .seasons,.board-of-directors.advisory-committee .seasons {margin: 40px -10px 0 !important;row-gap: 60px;}
   
   .board-of-directors .group-heading .h2 {margin-bottom: 30px;}
     .board-of-directors.advisory-committee .group-heading , .news-lists .group-heading {
    gap: 30px;
}
   .article-navigation {margin-top: 35px;padding-top: 35px;}
   .common-content-section .h3{margin-bottom: 30px;}
   .common-content-section a.btn{margin-top: 30px;}

   .event-page-section .right-full .events-single-loop{width: calc(100% / 3 - 20px);margin: 0 10px;}
   .event-page-section .right-full > .d-flex {margin: 0 -10px;}
   .event-page-section .right-full .events-single-loop .above-events{padding: 20px 20px;}
   .event-page-section .right-full .events-single-loop .above-events .h5 {margin: 10px 0 15px;}
   .event-page-section .right-full .map {margin-bottom: 8px;}
   .event-page-section .right-full .events-single-loop .featuredimg img {height: 350px;}

   .single-tribe-custom .tribe-events-schedule{margin: 20px 0;}
   .single-event-meta > .d-flex > div img {margin-right: 5px;max-width: 25px;}
   .single-event-meta span {font-size: 14px;}
   .single-tribe-custom h1.tribe-events-single-event-title {font-size: 35px;}
   .details-meta-data > div{padding-bottom: 20px;margin-bottom: 20px;}

   .single-tribe-custom .tribe-events-single-event-description span{font-size: 18px;}
   .related-post-single{padding-top: 40px;margin-top: 40px;}
   .details-meta{padding: 30px;}

   .featuredimg img{height: 235px;}
   .single-tribe-custom .related-post-single .events-single-loop{width: calc(100% / 3 - 10px);margin: 0 5px;}
   .single-tribe-custom .related-post-single > .d-flex {margin: 40px -5px 0;}
   .single-tribe-custom .events-single-loop .above-events span.large-date {font-size: 30px;}
   .single-tribe-custom .events-single-loop .above-events span.month, .events-single-loop span.year {font-size: 13px;}
   .single-tribe-custom .above-events .map span, .single-tribe-custom .above-events .eventtime span {font-size: 13px;}
   .resource-featured{min-height: 280px;padding: 20px;}
   .resource-featured img {max-width: 290px;}
   .resource-content {padding: 20px;}
   .re-title {margin-bottom: 10px;}
   .resource-d {margin-bottom: 25px;}
   .right-icon {width: 75%;}
   .right-resource-content h3{font-size: 30px;}

   .parade-pride-section .impact-lists > div {width: calc(100% / 3 - 30px);margin: 0 15px;min-height: auto;}
   .parade-pride-section .impact-lists {margin: 0px -15px 0;row-gap: 30px;}

    .sponsor-form-section .sponsor-inner .h2{margin-bottom: 30px;line-height: 1.20;}
    .sponsor-form-section .sponsor-inner .sp-form{margin-top: 30px;}

    .sponsor-inner{padding: 50px;}
    .sp-form{margin-top: 50px;}
    .sp-form > .d-flex{margin: 0 -10px;row-gap: 20px;}
    .sponsore-loop{width: calc(100% / 3 - 20px);margin: 0 10px;}
    .sponsore-loop img {max-width: 140px;}
    .our-mission.member-overflow{padding-top: 120px;}
    section.our-mission.parade-festival-mission {padding: 100px 0 !important;}
}

@media (max-width:1199px){
    .resource-links-tab-container .tab-menu .tab-link{
        width: calc(33.33% - 7px);
    }
    .quick-links {
        right: -25px;
    }
    .resources-links-section-title {
        padding-bottom: 50px;
        text-align: center;
    }
    .resource-link-image img {
        width: 40px;
        height: 40px;
    }
    .resource-link-content {
        gap: 25px;
    }
    .resource-link-content-inner {
        max-width: calc((100% - 75px)/4);
    }
    .resource-link-box{
        min-height: 260px;
    }
    .news-lists .resource-link-content {
        gap: 15px;
    }
    .news-lists .resource-link-content-inner {
        max-width: calc((100% - 45px)/4);
    }
header{padding-bottom: 15px;}
.header-menu{display: none;}
#mobilenav{display: block !important;font-size: 0;}
.header-navigation .main-menu > li > a {padding: 39px 6px;}
nav.header-navigation {display: none;}
.main-header .container-fluid {padding-right: 72px;}
.header__menu--btn {display: none;}
div#mobilenav .header__menu--btn {display: block;position: unset;display: flex;flex-direction: column;align-items: flex-start;color: #fff;}
section.banner-section .banner-title br{display: none;}
div#mobilenav .header__menu--btn a {color: #fff;border-bottom: 1px solid;width: 100%;border-radius: 0;text-align: left;margin: 0;padding: 20px 15px;font-size: 16px;font-weight: 400;}
div#mobilenav .header__menu--btn a:hover{color: #000;}
hidden-md-tab-up {display: block;}
.btn,section.schedule-call-section .contact-data input#gform_submit_button_1,form .gform_footer button, form .gform_footer input[type="button"], form .gform_footer input[type="reset"], form .gform_footer input[type="submit"] {padding: 14px 25.5px 17px 25.5px !important;}
.header__main .header__logo {width: auto;}
.header__menu--btn {padding-left: 0;}
.header__main .header__right .header__menu > .header-call-btn {display: none;}
header.main-header .header-call-btn a.call-btn {margin-left: 0;font-size: 15px;padding: 20px 15px;background: #fff;}
/* .btn.btn-primary:hover{background-color: #fff;} */
.header__main {padding: 20px 0;position: relative;}
header .header-main{justify-content: space-between;}
.header-logo img.custom-logo{max-width: 100px;}
footer .footer-menu ul li a {padding: 0 35px;}
.home-page-hero-section-content h4{margin-top: 35px;}
.hero-img{min-height: 850px;}

.featured-lists {padding: 60px 0;}
.features .loop,.seasons .loop{flex: unset;width: calc(100% / 2 - 30px);}
.mission .d-flex > div,.our-mission.member-overflow .d-flex > div{width: 100%;margin-top: 0;padding: unset;}
.our-mission.member-overflow .right-mission{border-radius: 50px;}
.our-mission.member-overflow .our-mission-main{padding-bottom: 50px;}
/* .our-mission .right-mission{text-align: center;} */
.our-mission .right-mission img{max-width: 600px;position: relative;}
.our-mission .our-mission-main{padding-top: 50px;padding-left: 30px;}
.our-mission .left-misson{padding-bottom: 20px !important;}
.our-mission .our-mission-main .left-misson {padding-right: 30px;}


.make-impact .group-heading .h2{margin-bottom: 30px;}
.make-impact .title h4{margin-bottom: 20px;}
.impact-lists > div {width: calc(100% / 2 - 30px);}
.impact-lists,.seasons{row-gap: 30px;}
.blogs{padding: 80px 62px;}
.blogs-section,.resources-section,.two-cls-btns,.our-sponsers,.events-lists-section,.festival-season,.our-mission{padding: 60px 0px;}
.social-media-section {
    padding-bottom: 60px;
}
.our-mission.member-overflow{padding-top: 60px;}
.our-sponsers{padding-bottom: 60px;}
.featuredimg img{height: 200px;}
.blog-item {width: calc(100% / 3 - 30px);margin: 0px 15px;}
.resource-out{margin-top: 43px;}
.resource-loop{padding: 20px !important;}
.resource-left .resource-loop.active{padding: 30px 15px !important;}
.resource-left .resource-loop.active span.round {width: 60px;height: 60px;}
.resource-left .resource-loop.active span.round img{max-width: 35px;}
.twocolloop{padding: 25px;}
.twocolloop .two-heading {margin-bottom: 20px;}
.twocolloop .d-flex {margin-top: 46px;}
.twocolloop .two-heading:before{bottom: -22px;}
.two-out .resource-right {margin-top: 57px;}
.events-posts{margin-top: 45px;}
.right-full .events-single-loop .above-events span img {max-width: 30px;}
.right-full .events-single-loop .above-events .h5 {margin: 5px 0;font-size: 15px;}
.date:before{top: 3px;height: 25px;}
.right-full .events-single-loop{margin-bottom: 15px;padding-bottom: 10px;}
.blogs .group-heading .h2 {margin-bottom: 30px;}
.seasons .above-content {bottom: -75px;}
.above-content .above-content-a {
    padding: 25px;
}
.board-of-directors .seasons .above-content {
    padding: 25px;
}
.seasons .btn {padding: 0px !important;width: 40px;height: 40px;bottom: -20px;left: 20px;}
.our-mission{padding-left: 0 !important;padding-right: 0 !important;}
.right-full .events-single-loop .above-events .d-flex span {font-size: 13px;}
.right-full .events-single-loop .above-events .d-flex {row-gap: 5px;}
.left-full .events-single-loop .above-events{padding: 20px;}
.left-full .events-single-loop .featuredimg img{height: 607px;} 
.roundicon {width: 30px;height: 30px;margin-right: 10px;}
.roundicon img{max-width: 15px;}
footer .footer-bg ul li a {margin-bottom: 4px;}
section:not(.home section),section.board-of-directors,.single-content-inner,#tribe-events-pg-template,.resource-contents,.other-resources,.search-section{padding: 50px 0;}
.other-resources .group-heading{margin-bottom: 50px;}
.our-comapny-purpose .two-purpose-lists .loop-p-content{padding: 50px;}
.our-comapny-purpose .two-purpose-lists .loop-img img{height: 360px;}
.three-purpose-lists .loop-purpose .h2 {font-size: 22px;}
.three-purpose-lists > .loop-purpose ul li{padding-bottom: 10px;}
.our-story .story-lists{margin-top: 50px;}
.our-story .story-number h2{font-size: 60px;}
.our-story .story-content ul li{padding-left: 25px;}
.story-content{padding: 20px;}
.our-story .story-content ul li:before{ width: 18px;background-size: 18px;height: 29px;}
.contact-icon-details {padding: 20px 25px 30px;}
body .form-section-contact .gform_wrapper.gravity-theme textarea {height: 100px !important; }
body .form-section-contact .gform_wrapper.gravity-theme input, body .form-section-contact .gform_wrapper.gravity-theme textarea {padding: 10px 19px !important;font-size: 13px !important;}
.contact-bg-new .heading-group {margin-bottom: 20px;}
.board-of-directors .seasons .loop {width: calc(100% / 3 - 20px);margin: 0 10px;}
.board-of-directors .seasons,.board-of-directors.advisory-committee .seasons {margin: 40px -10px 0 !important;row-gap: 40px;}
.board-of-directors .seasons .btn {width: 60px;height: 60px;bottom: -40px;left: 20px;}
.board-of-directors .seasons .above-content {height: 160px;bottom: 0;width: 95%;}

.news-lists .featuredimg img {height: 200px;}
.news-lists .blog-content p {margin-bottom: 15px;}
.news-lists .blog-content a.btn.transparent-btn {padding: 10px 15px !important;text-decoration: none;}
#load-more,#load-more-event{margin: 50px auto 0;}
.single-inner h1.h1.home-page-hero-section-title {font-size: 28px;}
.common-content-section .h3{margin-bottom: 25px;line-height: 1.35;}
.common-content-section a.btn{margin-top: 25px;}
.event-page-section .right-full .events-single-loop .featuredimg img {height: 200px;}
.search-widget {margin-bottom: 15px;}
.single-event-meta > .d-flex > div {margin-right: 35px;}
.single-tribe-custom .tribe-events-event-image img{max-height: 300px;}
.details-meta{padding: 20px;}
.details-meta-data > div{padding-bottom: 15px;margin-bottom: 15px;}

.related-post-single{padding-top: 30px;margin-top: 30px;}
.single-tribe-custom .related-post-single > .d-flex{margin: 40px -15px 0;}

.resource-categories ul li{ width: calc(100% / 3 - 4px);}
.parade-pride-section .impact-lists > div {width: calc(100% / 2 - 30px);margin: 0 15px;min-height: auto;}
.parade-pride-section .impact-lists {margin: 0px -15px 0;row-gap: 30px;}
div#mobilenav .header__menu--btn a.btn {padding-left: 15px !important;}
.vendor-section-row-column-right-content {padding-bottom: 45px;}
.vendor-section-inner-wrap {padding: 50px 70px 50px 70px;}
.vendor-section-row-column.vendor-section-row-column-right:before {top: 10px;height: 100%;}
.image-with-content-left {padding-top: 50px;}
.h2.image-with-content-left-title {line-height: normal;padding-bottom: 30px;}
.image-with-content-left, .image-with-content-right {width: 49%;}
section.tab-with-faq-section .nav-tabs a {font-size: 22px;padding: 30px 45px 30px 45px;}
section.tab-with-faq-section .panel {padding: 30px;}
section.tab-with-faq-section .tab-content .tab-pane {padding: 30px;}
section.tab-with-faq-section .panel.open {padding: 30px;}
section.tab-with-faq-section .panel .panel-heading {font-size: 22px;}
.loop-member {width: calc((100% - 15px)/2);}
.membership .d-flex {gap: 15px 15px;}
section.news-lists .nav-tabs li {
    width: calc(33.33% - 8px);
}
.business-directory-sec .directory-list {
    gap: 20px;
    margin-top: 35px;
}
.business-directory-heading .resource-categories {
    margin: 35px 0 0;
}
.business-directory-sec .directory-list-item {
    width: calc((100% - 40px)/3);
}
.button-with-popup-section form {
    max-height: 425px;
}
}

@media (max-width:1024px){
    .resource-link-box {
        min-height: 240px;
    }
    footer .footer-menu ul li a {padding: 0 13px;}
    footer .footer-logo img {max-width: 150px;}
    footer .footer-bottom{margin: 20px 0;}
    .home-page-hero-section-content h4{margin-top: 25px;}
    .hero-img{min-height: 700px;}
    .mission .d-flex > div,.our-mission.member-overflow .d-flex > div{width: 100%;margin-top: 0;padding: unset;}
    .our-mission .right-mission img{max-width: 600px;margin: 0 auto;position: relative;}
    .our-mission .left-misson{padding-bottom: 20px !important;}
    .blogs{padding: 70px 53px;}
    .resource-out{margin-top: 37px;}
    .twocolloop{padding: 30px;}
    .twocolloop .d-flex > div {width: 100% !important;text-align: left;}
    .twocolloop .d-flex .groupbutton{margin-top: 10px;}
    .two-out .resource-right {margin-top: 68px;}
    .events-posts > .d-flex > div {width: 100%;margin-top: 0;}
    .events-posts .right-full {margin-top: 50px !important;}
    .two-out .resource-left img{object-fit: cover;}
    .left-full .events-single-loop .featuredimg{padding-top: unset;}
    .right-full .events-single-loop .above-events .d-flex {row-gap: 10px;}
    .footertop{margin-bottom: 50px;}
    .footertop > div {width: 23%;}
    .footertop br{display: none;}
    .loop-member {display: flex;}
    .roundicon {width: 30px;height: 30px;margin-right: 5px;}
    .phone.contacticon p br, .phone.contacticon a br{display: block;}
    .phone.contacticon{flex-wrap: wrap;}
    .grid-image-section .grid-loop{margin: 0 -10px;}
    .grid-image-section .grid-loop .single-grid-img {width: calc(100% / 3 - 20px);margin: 0 10px;}
    .grid-image-section .grid-loop .single-grid-img img {height: 230px;}
    .membership .d-flex.align-items-center{justify-content: flex-start;}

    .board-of-directors .seasons .seasonimg img {height: 400px;min-height: 400px;}
    .board-of-directors .group-heading br {
        display: none;
    }
    .board-of-directors .group-heading .h2 {margin-bottom: 25px;}
      .board-of-directors.advisory-committee .group-heading , .news-lists .group-heading{
    gap: 25px;
}
    .news-lists .resource-link-group{margin: 50px 0 0;}
    .news-lists .blog-loop {margin: 50px -5px 0;}
    .news-lists .blog-item{width: calc(100% / 3 - 10px);margin: 0px 5px;}
    #load-more,#load-more-event{margin: 40px auto 0;}
    .board-of-directors .seasons .btn {width: 50px;height: 50px;bottom: -26px;left: 19px;}
    section.board-of-directors {padding-bottom: 80px !important;}
    .recent-posts-widget{padding: 10px;}
    .search-widget form{padding: 10px;}
    .recent-posts-widget ul li a{padding-right: 40px;}
    .recent-posts-widget ul li{padding-bottom: 15px;margin-bottom: 15px;}
    .search-widget input[type="text"]{padding: 0;}
    .search-widget input[type="text"]{font-size: 16px;}
    .search-widget button img {max-width: 15px;vertical-align: middle;}
    .left-single-content blockquote{padding: 20px 20px;margin: 30px 0;}
    .left-single-content p img {margin: 0 0 20px;}
    .article-navigation {margin-top: 30px;padding-top: 30px;}

    .event-page-section .right-full .events-single-loop{width: calc(100% / 2 - 20px);margin: 0 10px;}
    .event-page-section .right-full > .d-flex {margin: 0 -10px;}

    .details-meta-data > div span{font-size: 16px;}
    .venue-map .tribe-events-venue-map iframe {height: 250px;}
    .details-meta h4 {font-size: 20px;}
    .details-meta {padding: 15px;}
    .single-tribe-custom .tribe-common-c-btn-border.tribe-events-c-subscribe-dropdown__button{padding: 10px 10px;max-width: 300px;}
    .single-tribe-custom .related-post-single > .d-flex{margin: 30px -15px 0;}

    .tribe-events-single > .d-flex > div {width: 100%;}
    .tribe-events-event-image {margin-bottom: 20px;}
    #tribe-events-subscribe-dropdown-content{width: auto !important;top: 41px;}
    .right-resource-content p a{margin-top: 5px;}

    .sponsor-inner{padding: 30px;}
    .sponsor-form-section .gform_wrapper .gform_fields {grid-column-gap: 20px !important;grid-row-gap: 0px !important;}
    .gform_wrapper.gravity-theme .gfield{margin-bottom: 20px;}
    body .sponsor-form-section .gform_wrapper input:not(input[type="submit"]), body .sponsor-form-section .gform_wrapper textarea,body .gfield select,
    form .gform-body input[type="text"], form .gform-body input[type="password"], form .gform-body input[type="email"], form .gform-body input[type="tel"], form .gform-body input[type="number"], form .gform-body textarea, form .gform-body select, .ginput_container_fileupload input, form .gform-body input[type="url"]{padding: 15px 20px !important;font-size: 16px !important;}
    .sponsor-form-section form .gform-body textarea {height: 170px !important;}

    .sp-form > .d-flex{margin: 0 -10px;row-gap: 20px;}
    .sponsore-loop{width: calc(100% / 2 - 20px);margin: 0 10px;}
    .sponsore-loop img {max-width: 140px;}

    .gform_wrapper.gravity-theme .gfield-choice-input+label{font-size: 16px !important;}
    .gfield--type-html {font-size: 14px;}
    .right-full .events-single-loop .above-events {padding: 20px 0;}
    .nomorepost {padding-left: 5px;}
    .image-with-content-left {padding-top: 0;}
    section.tab-with-faq-section .panel.open .panel-heading {padding-bottom: 30px;}
    section.tab-with-faq-section .panel-collapse {padding-top: 20px;}
    .business-directory-sec .directory-list-item {width: calc((100% - 20px)/2);}
    .business-directory-heading .resource-categories ul li a {font-size: 20px;}
    .newsletter-inquires form {
        flex-direction: column;
    }
    .contact-icon-content .contact-main-title {
        margin-top: 0px;
    }
    .button-with-popup-section form {
      max-height: 400px;
    }
}


@media (max-width: 991px){
    .right-full .events-single-loop .featuredimg img {
    height: 400px;
}
    .resource-links-tab-container .tab-menu .tab-link{
      width: calc(50% - 5px);
    }
    .resources-links-section-title {
        padding-bottom: 40px;
        text-align: center;
    }
    .resource-link-content-inner {
        max-width: calc((100% - 50px)/3);
    }
    .news-lists .resource-link-content-inner {
        max-width: calc((100% - 30px)/3);
    }
    .pride-festival-section .seasons .loop {
        width: calc(100% / 2 - 30px);
    }
    .section-inner-banner-content-style .year-anchored .prideyear {
        margin: 0 25px;
    }
   .section-inner-banner-content-style .year-anchored {
        margin-top: 25px;
    }
    .inner-banner-btn {
        padding-top: 40px;
    }
    .inner-page-hero-section-content {
        max-width: 100%;
    }
    :root{
        --font-90: 50px;
        --font-100: 60px;
    }
    footer .footer-bg .footer-menu ul {padding: 15px 0;}     
    .home-page-hero-section-content h4{margin-top: 20px;}
    .blogs{padding: 59px 39px;}
    .blogs-section,.resources-section,.two-cls-btns,.our-sponsers,.events-lists-section,.festival-season,.our-mission{padding: 50px 0px;}
    .social-media-section {
        padding-bottom: 50px;
    }
    .our-sponsers{padding-bottom: 50px;}
    .blog-item {width: calc(100% / 2 - 30px);margin: 0px 15px 20px;}
    .two-out .d-flex > div{width: 100% !important;}
    .two-out .resource-left img {position: relative;}
    .twocolloop .d-flex .groupbutton{margin-top: 20px;}
    .two-out .resource-right .twocolloop{border-bottom: 10px solid;border-left:0 !important;}
    .two-out .resource-right .twocolloop:nth-child(3n + 1){border-color: #F22B0C;}
    .two-out .resource-right .twocolloop:nth-child(3n + 2){border-color: #FF7D01;}
    .two-out .resource-right .twocolloop:nth-child(3n + 3){border-color: #FECE02;}
    .two-out .resource-right{border-radius: 0px;}
    .our-sponsers .sponsore-logo {max-width: 200px;}
    .right-full .events-single-loop .featuredimg { width: 100%;padding-top: unset; margin-bottom: 0px; }
    .right-full .events-single-loop .featuredimg img,.left-full .events-single-loop .featuredimg img {position: relative;max-height: 400px;}
    .date:before{top: 1px;}
    .right-full .map{width: 100%;}
    .loopimg span.round {width: 70px;height: 70px;}
    .our-mission{padding: 0;}
    .left-full .events-single-loop .above-events{position: relative;width: 100%;padding-left: 0;padding-right: 0;background: transparent;}
    .left-full .events-single-loop .featuredimg{padding-top: unset;width: 100%;margin-bottom: 20px;}
    .left-full .events-single-loop .featuredimg img{position: relative;}
    .left-full .events-single-loop .above-events span{color: #000;}
    .left-full .events-single-loop .above-events .h5{color: #000;font-size: 20px;}
    .left-full .events-single-loop .above-events .date:before{background: #F22B0C;}
    .left-full .events-single-loop .above-events span img {max-width: 30px;}
    .footertop > div {width: 100%;margin-top: 40px;}
    .footertop {
        flex-wrap: wrap !important;
    }
    .our-comapny-purpose .two-purpose-lists .loop-p-content p{font-size: 16px;}
    .our-comapny-purpose .two-purpose-lists .loop-p-content {padding: 30px;}
    .three-purpose-lists > .loop-purpose{width: calc(100% / 1 - 0px);margin: 0 0px 20px;}
    .three-purpose-lists > .loop-purpose ul li{font-size: 16px;padding-left: 15px;}
    .three-purpose-lists{margin: 0;}
    .our-comapny-purpose .button-group > a.btn {margin-right: 10px;margin-bottom: 10px;}
    .our-comapny-purpose .button-group a.btn:last-child{margin-right: 0;}
    .our-comapny-purpose .button-group{margin-top: 20px;}
    .three-purpose-lists{padding-top: 50px;}
    .btnmargin {margin-top: 30px;}
    .general-title h4 {font-size: 17px;line-height: 1.35;}
    .board-of-directors .seasons .seasonimg img {height: 370px;min-height: 370px;}
    .board-of-directors .seasons .loop {width: calc(100% / 2 - 20px);margin: 0 10px;}
    .board-of-directors .seasons .loop {width: calc(100% / 2 - 20px);}
    .board-of-directors .seasons .seasonimg img {height: 400px;min-height: 400px;}
    .board-of-directors .group-heading .h2 {margin-bottom: 20px;}
      .board-of-directors.advisory-committee .group-heading, .news-lists .group-heading {
    gap: 20px;
}
    .news-lists .blog-item{width: calc(100% / 2 - 10px);margin: 0px 5px;}
    #load-more,#load-more-event{margin: 30px auto 0;}
    .single-inner h1.h1.home-page-hero-section-title{font-size: 25px;margin-bottom: 5px;line-height: 1.35;}
    .single-header{padding-right: 0;}
    .single-news .inner-page-banner .hero-section-content {bottom: 10px;}
    .single-content-inner .left-single-content,.single-content-inner .sidebar{width: 100%;}
    .sidebar {margin-top: 50px;}
    .search-widget form{padding: 10px 10px;}

    .left-single-content blockquote {padding: 20px 18px;font-size: 14px;}
    .left-single-content blockquote{margin: 35px 0;}
    .left-single-content p img {margin: 0 0 15px;}
    .article-navigation a h5 {font-size: 14px;margin-top: 15px;}
    .article-navigation {margin-top: 35px;padding-top: 35px;}
    .search-widget input[type="text"] {padding: 0;}
    .recent-posts-widget{padding: 15px;}
    .recent-posts-widget ul li a{padding-right: 15px;font-size: 15px;display: block;}
    .recent-posts-widget ul li{padding-bottom: 10px;margin-bottom: 10px;}
    .event-page-section .group-heading > * {width: 100%; }
    .event-page-section .group-heading h2{text-align: center;}
    .event-page-section .group-heading .grp-content {margin: 40px 0 0 0;justify-content: center;}

    .resource-categories ul li{ width: calc(100% / 2 - 4px);margin-bottom: 10px;}
    .resource-post {margin: 20px -8px 0;}
    .resource-loop-f {width: calc(100% / 2 - 16px);margin: 0 8px 20px;}
    .right-resource-content h3{margin-bottom: 15px;}
    .right-resource-content p {margin-bottom: 15px;}
    .vendor-section-row-column.vendor-section-row-column-right {width: 100%;}
    .vendor-section-row-column.vendor-section-row-column-left {width: 100%;text-align: center;padding-bottom: 50px;}
    .vendor-section-row {flex-wrap: wrap;justify-content: center;text-align: center;}
    .vendor-section-row-column-right-buttons {justify-content: center;}
    .vendor-section-row-column.vendor-section-row-column-right:before{display: none;}
    .vendor-section-row-column-right-button {
      padding-right: 10px;
      padding-left: 10px;
    }
    .vendor-section-row-column-right-button:last-child {
     padding-right: 10px;
    }
    .loop-member {
        width: calc((100% - 30px)/3);
    }
    .button-with-popup-section form {
      max-height: 375px;
    }
}
@media (max-width:782px){
.news-lists .resource-link-group{
    margin: 30px 0 0;
}   
.news-lists .blog-loop {
    margin: 30px -5px 0;
}   
section.news-lists .tab-content .trigger {
    height: auto;
    opacity: 1;
    display: flex;
    list-style: none;
    background: #EEEEEE;
    border-radius: 8px;
    padding: 15px 10px;
    text-align: center;
    font-size: 20px;
    line-height: 1.5;
    font-family: 'Poppins';
    font-weight: 600;
    transition: 0.5s ease all;
    width: 100%;
    color: #000;
    align-items: center;
    justify-content: center;
    margin-bottom: 20px;
    text-decoration: none;
} 
section.news-lists .news-lists {
    padding-bottom: 30px;
}
section.news-lists .tab-content a.trigger.active,section.news-lists .tab-content .trigger:hover {
    background-color: #00AEEF;
    color: #fff;
    cursor: pointer;
    transition: 0.5s ease all;
}
section.news-lists .nav-tabs {
    display: none;
    height: 0;
    opacity: 0;
}
}
@media (max-width:767px){
    .events-posts .right-full {margin-top: 30px !important;}

    section.board-of-directors .close {
        right: -13px;
        height: 35px !IMPORTANT;
        padding: 0px 9.3px !IMPORTANT;
        top: -14px;
    }
    .popup-content-inner-left {
        position: relative;
        padding-right: 10px;
    }
    .popup-content-inner-right{
        padding-right: 15px;
    }
    .resource-loop  h5.h5 {
        line-height: 1.3;
    }
    .resource-loop-mobile{
        display: block !important;
    }
    .resource-loop-desktop{
        display: none !important;
    }
    .blogs {
        padding: 40px 15px;
    }
    .resource-link-desc {
        padding-bottom: 20px;
    }
    .resource-links-tab-container   .tab-content-wrapper {
        padding: 30px 0px 0px;
    }
    .resource-links-tab-container .tab-menu .tab-link{
        width: 100%;
      }
      .resource-links-tab-container .tab-menu {
        gap: 5px;
    }
    .new-pride-festival-section .seasons .above-content{
        min-height: 170px;
    }
    .resources-links-section-title {
        padding-bottom: 30px;
        text-align: center;
    }
    .resource-link-content-inner {
        max-width: calc((100% - 25px)/2);
    }
    .news-lists .resource-link-content-inner {
        max-width: calc((100% - 15px)/2);
    }
    section.tab-with-faq-section .row a.trigger {
     display: block;
    }
    :root {
        --font-70: 35px;
    }
    .vendor-section-row-column-right-content {font-size: 22px;}
    .vendor-section-inner-wrap {
        padding: 50px;
    }
    .section-inner-banner-content-style .year-anchored .prideyear {
        margin: 0 15px;
    }
    .pride-festival-section .seasons .loop {
        width: calc(100% / 1 - 0px);
    }
    .section-inner-banner-content-style .home-page-hero-section-title {
        font-size: 50px;
    }
    .inner-page-hero-section-content p {
        font-size: 16px;
    }
    .inner-banner-btn {
        padding-top: 20px;
    }
    .section-inner-banner-content-style .year-anchored {
        margin-top: 15px;
    }
    .inner-banner-btn {
        padding-top: 20px;
    }
    footer .footer-bg ul li{display: block;}
    footer .footer-menu ul li a{padding: 0 0 10px;border-bottom: 1px solid #ccc;margin: 10px 0 0px;display: inline-block;}
    footer .footer-bg .footer-menu ul li:after{display: none;}
   .footer-bottom {flex-direction: column;}
    footer .footer-bg .footer-social ul li {display: inline-block;}
    footer .footer-bg .footer-social ul {margin-top: 20px;}
    footer .footer-menu ul li:last-child a{border-bottom: 0;}
    .features .loop,.seasons .loop {margin-right: 0;padding-right: 0;flex: unset;width: calc(100% / 1 - 0px);max-width: 100%;margin-left: 0;}
    .features{row-gap: 0;margin: 0;}
    .impact-lists > div {width: calc(100% / 1 - 30px);margin-bottom: 30px;}
    .impact-lists,.seasons{row-gap: 20px;}
    .blog-loop{margin: 43px 0px 0;}
    .blogs .group-heading .h2{margin-bottom: 43px;}
    .blog-item {width: calc(100% / 1 - 0px);margin: 0px 0 30px;}
    .featuredimg img{height: auto;}
    .blog-inner,.news-lists .blog-inner {padding: 30px 20px;}
    .resource-right img {
        position: relative;
        max-height: 500px;
        height: 100%;
        object-fit: cover;
    }
    .resource-left .resource-loop.active{padding: 20px 15px !important;}
    .resource-out .d-flex > div {width: 100%;}
    .resource-left .resource-loop.active span.round {width: 50px;height: 50px;}
    .resource-left .resource-loop.active span.round img {max-width: 25px;}
    .resource-loop .d-flex .heading-g {width: 94%;justify-content: flex-start;}
    .resource-loop .d-flex .arrow {width: 6%;}
    .arrow img{max-width: 14px;}
    .right-full .events-single-loop .above-events {width: 100%;} 
    .features .loop{margin-bottom: 20px;margin-left: 0;}
    .heading-g .d-flex {width: 80%;display: block;}
    .seasons{margin: 0 0px;}
    .resource-right {margin-top: 50px;}
    .resource-out{border-radius: 0;}
    .events-lists-section .group-heading.d-flex.justify-content-between > h2,.resources-section .group-heading.d-flex.justify-content-between > h2 {width: 40%;}
    .footertop > div {width: 100%;margin-top: 40px;}
    .footer-bg h6 {margin-bottom: 18px;}
    .our-comapny-purpose .two-purpose-lists .loop-purpose{flex-wrap: wrap;}
    .our-comapny-purpose .two-purpose-lists .loop-img img{height: 300px;}
    .our-comapny-purpose .two-purpose-lists .loop-purpose > div{width: 100%;height: auto;}
    .our-comapny-purpose .two-purpose-lists .loop-p-content {padding: 50px 30px;}
    .our-comapny-purpose .two-purpose-lists  .loop-p-content h2 {margin-bottom: 10px;}
    .three-purpose-lists > .loop-purpose{width: calc(100% / 1 - 0px);margin: 0 0px 20px;}
    .three-purpose-lists > .loop-purpose ul li{font-size: 16px;padding-left: 15px;}
    .three-purpose-lists{margin: 0;}
    .our-comapny-purpose .button-group > a.btn {margin-right: 10px;margin-bottom: 10px;}
    .our-comapny-purpose .button-group a.btn:last-child{margin-right: 0;}
    .our-comapny-purpose .button-group{margin-top: 20px;}
    .three-purpose-lists{padding-top: 50px;}

    .our-story .story-number{margin: 30px 0;        padding: 50px 0px;}
    .our-story .story-number h2{text-align: center;}
    .our-story .story-number,.our-story .story-content {width: 100%;}
    .our-story .story-loop{padding: 0;}
    .our-story .story-inner:before,.story-loop:before{display: none;}
    .our-story .story-content ul li{font-size: 14px;padding-bottom: 10px;}
    .grid-image-section .grid-loop{margin: 0;}
    .grid-image-section .grid-loop .single-grid-img {width: calc(100% / 1 - 0px);margin: 0 0px 30px;}
    .grid-image-section .grid-loop .single-grid-img img {height: auto;max-height: 450px;}
    .photo-credits {margin-top: 0;}

    .form-section-contact,.contact-icon-content {width: 100%;}
    .contact-icon-details{max-width: 100%;}
    .grid-image-section .photo-credits {margin-top: 15px;}

    .board-of-directors .seasons .loop {width: calc(100% / 1 - 0px);row-gap: 40px;}
    .board-of-directors .seasons .seasonimg img {height: 360px;min-height: 360px;}
    .board-of-directors .features-new-description p {font-size: 14px;}
    .board-of-directors .seasons .featured-title h5 {font-size: 20px;}
    .board-of-directors .featured-title span {font-size: 13px;}
    .board-of-directors .seasons .above-content {padding: 13px;height: auto;}
    .board-of-directors .seasons .btn {width: 50px;height: 50px;bottom: -20px;left: 14px;}
    .board-of-directors .group-heading .h2 {margin-bottom: 17px;line-height: 1.2;font-size: 40px;}
    .board-of-directors.advisory-committee .group-heading , .news-lists .group-heading{
    gap: 17px;
}

    .news-lists .blog-item{width: calc(100% / 1 - 0px);margin: 0px 05px;}
    .news-lists .featuredimg img {height: 400px;}
    .news-lists .blog-inner {padding: 15px;}
    .board-of-directors .seasons .features-new-description {opacity: 1;}

    .left-single-content blockquote {padding: 20px 18px;font-size: 14px;}
    .left-single-content blockquote{margin: 30px 0;}
    .left-single-content p img {margin: 0 0 10px;}
    .article-navigation a h5 {font-size: 12px;margin-top: 10px;}
    .article-navigation {margin-top: 30px;padding-top: 30px;}
    .search-widget input[type="text"] {padding: 0;}
    .recent-posts-widget{padding: 15px;}
    .recent-posts-widget ul li a{padding-right: 35px;font-size: 15px;display: block;line-height: 1.5;background-size: 10px;background-position: top 4px right;}
    .recent-posts-widget ul li{padding-bottom: 10px;margin-bottom: 10px;}
    .event-page-section .right-full > .d-flex{margin: 0;row-gap: 15px;}
    .event-page-section .right-full .events-single-loop {width: calc(100% / 1 - 0px);margin: 0 0px;}
    .event-page-section .right-full .events-single-loop .featuredimg img{height: 300px;}
    .events-lists-section .group-heading {justify-content: center;text-align: center;}
    .events-lists-section .group-heading .h2{line-height: normal;margin-bottom: 30px;width: 100% !important;}
    .resource-left .resource-loop:hover {width: 100%;}

    .event-page-section .group-heading .grp-content .grpu-inner {max-width: 100%;display: flex;flex-wrap: wrap;justify-content: center;}
    .event-page-section .group-heading .grp-content .grpu-inner p{text-align: center;}

    .resource-categories ul{margin: 0;}
    .resource-categories ul li{ width: calc(100% / 1 - 0px);margin: 0;margin-bottom: 10px;}
    .resource-post {margin: 20px 0px 0;}
    .resource-loop-f {width: calc(100% / 1 - 0px);margin: 0 0px 10px;}
    .single-event-meta > .d-flex > div{margin-bottom: 10px;}
    .single-tribe-custom .related-post-single > .d-flex {margin: 30px 0px 0;}
    .single-tribe-custom .related-post-single .events-single-loop {width: calc(100% / 1 - 0px);margin: 0 0px 10px;}

    body .single-inner .resource-contents > div {width: 100%;}
    .single-resource .right-resource-content{margin-top: 40px;}
    .mobile-show {display: block;}
    .desktop-show-list {display: none;}
    .select-arrow {position: relative;margin-bottom: 30px;}
    select#category-dropdown {width: 100%;padding: 10px 15px;font-size: 18px;border: 1px solid rgb(0 0 0 / 30%);border-radius: 5px;font-family: 'Poppins';appearance: none;-webkit-appearance: none;-moz-appearance: none;}
    .select-arrow:after {content: "";position: absolute;right: 15px;top: 50%;width: 0;height: 0;border-left: 5px solid transparent;border-right: 5px solid transparent;border-top: 5px solid #000;transform: translateY(-50%);}
    .parade-pride-section .impact-lists > div {width: calc(100% / 1 - 0px);margin: 0 auto;min-height: auto;max-width: 500px;}
    .parade-pride-section .impact-lists {margin: 0px 0px 0;row-gap: 20px;}
    .inner-page-banner .hero-section-content br{display: none;}

    .sp-form > .d-flex{margin: 0 0px;row-gap: 10px;}
    .sponsore-loop{width: calc(100% / 1 - 0px);margin: 0 0px;}
    .sponsore-loop img {max-width: 200px;}
    .year-anchored .prideyear{margin: 0 10px 10px;}
    .year-anchored .prideyear img{max-width: 50px;}
    .impact-lists .btn{padding: 10px 30px !important;}
    .gform_wrapper.gravity-theme .gfield {width: calc(100% / 1 - 0px);}
    .custom-wrapper {display: block;width: 100%;}
    .member-form .gfield--type-submit > input{margin: 30px 0 0 !important;}
    .gform_wrapper.gravity-theme .gfield{justify-content: center;}
    .resources-section .group-heading.d-flex.justify-content-between {
        flex-direction: column;
        align-items: center;
        text-align: center;
    }
    .resources-section .group-heading.d-flex.justify-content-between h2{
        width: 100%;
        padding-bottom: 15px;
    }
    .our-story .story-lists {
        margin-top: 0;
    }
    .single-tribe-custom .related-post-single > .d-flex > p {padding-left: 0px;}
    .form-section-contact h3, h3, .h3 {
     line-height: normal;
    }
    .nomorepost {
     padding-left: 0;
    }
    #mobilenav .nav-logo img {
     max-width: 150px;
    }
    form#gform_5 , .inner-page-banner form{
     max-height: 525px;
    }
    .popup-content-inner-left {
        width: 100%;
        margin: 0 auto;
        text-align: center;
    }
    .popup-content-inner-right {
        width: 100%;
        padding-top: 20px;
    }
    form .gform-body input[type="text"], 
    form .gform-body input[type="password"], 
    form .gform-body input[type="email"], 
    form .gform-body input[type="tel"], 
    form .gform-body input[type="number"], 
    form .gform-body input[type="url"],
    form .gform-body textarea, 
    form .gform-body select {
        padding: 15px 19px !important;
        font-size: 16px !important;
        line-height: normal !important;
    }
    section.two-cls-btns .close, .button-with-popup-section .close, section.board-of-directors .close , .inner-page-banner .close{
        padding: 0px 12.71px;
        height: 42px;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .vendor-section-inner-wrap {
        padding: 30px;
        border-radius: 30px;
        background: #e4e7f1;
    }
    .image-with-content-left, .image-with-content-right {
        width: 100%;
    }
    .h2.image-with-content-left-title {
            padding-bottom: 20px;
        }
    .image-with-content-left-content p {
        margin-bottom: 10px;
    }
    .image-with-content-left-content {
        padding-bottom: 15px;
    }
    .image-with-content-left {
        padding-bottom: 50px;
    }
    section.image-with-content-section .container {
        padding-top: 0;
        padding-bottom: 0;
    }
    section.our-mission.parade-festival-mission .our-mission-main {
        padding-top: 100px;
        padding-bottom: 100px;
    }
    section.tab-with-faq-section .row {
        margin-bottom: 20px;
    }
    section.tab-with-faq-section .tab-content .tab-pane {
        padding: 20px;
    }
    section.tab-with-faq-section .panel .panel-heading {
            font-size: 20px;
            line-height: normal;
    }
    section.tab-with-faq-section .panel {
            padding: 15px;
    }
    section.tab-with-faq-section .panel.open {
        padding: 15px;
    }
    section.our-mission.parade-festival-mission {padding: 70px 0 !important;}
    .business-directory-heading select {
        width: 100%;
        padding: 10px 15px;
        font-size: 18px;
        border: 1px solid rgb(0 0 0 / 30%);
        border-radius: 5px;
        font-family: 'Poppins';
        appearance: none;
        -webkit-appearance: none;
        -moz-appearance: none;
    }
    .business-directory-heading .select-arrow {
        margin: 0px;
    }
    .business-directory-heading .resource-categories {
        margin: 25px 0 0;
    }
    .business-directory-sec .directory-list {
        gap: 15px;
        margin-top: 25px;
    }
    .contact-icons-list {
        margin-bottom: 20px;
    }
    .button-with-popup-section form {
      max-height: 325px;
    }
    .button-with-popup-section .popup-content, 
    section.board-of-directors .popup-content, 
    .inner-page-banner .popup-content {
      margin: 50px auto;
      padding: 20px;
    }
    .button-with-popup-section .popup-content .tribe-community-events {
     padding: 15px;
   }

}

@media (max-width: 640px){
    .other-resources .group-heading > .d-flex > div{width: 100%;text-align: center;}
    .other-resources .group-heading > .d-flex .other-left{margin-bottom: 20px;}
    .prideyear h4{font-size: 18px;}
        form#gform_5 , .inner-page-banner form{
        max-height: 425px;
    }
    section.button-with-popup-section form .gform-body input[type="text"], .inner-page-banner form  .gform-body input[type="text"],
    section.button-with-popup-section form .gform-body input[type="password"],  .inner-page-banner form .gform-body input[type="password"],
    section.button-with-popup-section form .gform-body input[type="email"],  .inner-page-banner form .gform-body input[type="email"],
    section.button-with-popup-section form .gform-body input[type="tel"],  .inner-page-banner form .gform-body input[type="tel"],
    section.button-with-popup-section form .gform-body input[type="number"], .inner-page-banner form .gform-body input[type="number"],
    section.button-with-popup-section form .gform-body textarea,  .inner-page-banner form .gform-body textarea,
    section.button-with-popup-section form .gform-body input[type="url"], .inner-page-banner form .gform-body input[type="url"],
    section.button-with-popup-section form .gform-body select , .inner-page-banner form .gform-body select, .ginput_container_fileupload input{
        padding: 10px 15px 10px 15px !important;
        font-size: 15px !important;
    }
    body .ginput_container_fileupload input {
        height: 43px !important;
    }
    .vendor-section-row-column.vendor-section-row-column-left {
        padding-bottom: 30px;
    }
    .vendor-section-row-column-right-content {
        font-size: 18px;
        line-height: normal;
        padding-bottom: 30px;
    }
    section.tab-with-faq-section .panel .panel-heading {
        font-size: 16px;
    }
    section.tab-with-faq-section .panel .panel-heading {
     padding-right: 30px;
    }
    section.tab-with-faq-section .panel-heading:before {
        width: 16px;
        height: 10px;
        background-size: contain;
        background-repeat: no-repeat;
    }
    section.tab-with-faq-section .tab-content .tab-pane {
        padding: 15px;
    }
    .business-directory-sec .directory-list-item {
        width: 100%;
        padding: 25px;
        gap: 12px;
    }
}
@media (max-width: 480px){
    .news-lists .resource-link-content-inner,
    .resource-link-content-inner {
        max-width: 100%;
    }
}
@media(min-width:768px){
	.grid-image-section .grid-loop{
		row-gap: 20px;
	}
}
@media(min-width:992px){
	.three-purpose-lists{
		row-gap: 15px;
	}
	.blog-loop{
		row-gap: 20px;
	}
}
@media(min-width:1025px){
	.grid-image-section .grid-loop{
		row-gap: 30px;
	}
}
@media(min-width:1200px){
	.impact-lists{
		row-gap: 30px;
	}
}
@media(min-width:1441px){
	.three-purpose-lists{
		row-gap: 30px;
	}
}