@media (min-width: 576px) and (max-width: 767.98px) {
    .ques_container{
        padding: 6px 87px;
    }
    .get_involved .action_block {
        text-align: center;
    padding: 47px 27px;

    }
    .overlay_b_i {
        width: 100%;
    }
    .overlay_bg_img {
        width: 90%;
        height: 50%;
    }
    #reg_copy {
        margin-top: 136px !important;
    }
    .volunteer_list_head h3{
        margin-top: 35px;
    }
    .getInvolved_btn_style {
        width: 256px;
    }
    .getInvolved_sec_btn {
        width: 256px;
    }
    .advocate_btn_style {
        width: 256px;
    }
    .overlaytxt h2 {
        font-size: 49px;
        margin-top: -10px;
    }
    .parade_reg_overlay_bg{
        background-size: 92% 62% !important;
        }
        .pride_sponser span.sponsor_list1 {
            margin-bottom: 18px;
            }
    .overlaytxt_reg {
        margin-left: 50px;
        position: relative;
        top: 2em;
    }
    .pride_parade_registration h2{
        font-size: 40px !important;
    }
    .reg_copy {
        margin-top: 80px !important;
    }
    .quesblog {
        padding: 4em 49px 6em;
    }
    .overlay_b_i_2 {
        transform: translate(0%, -0%);
        position: unset;
    }
    .commmunity_sponsorship_program h3 {
        font-size: 36px;
    }
    .stepsStyle {
        margin-top: 21px;
    }
    .b_l_r::before{
        background: none;
    }
    .b_l_r::after{
        background: none;
    }
    .overlay_P_P_1 {
        width: 100%;
        margin-left: 0px;
    }
    #pride_in_the_park{
        margin-top: 155px;
    }
    .overlay_P_P_1 {
        padding: 72px;
    }
    .overlay_P_P {
        position: unset;
    }
    /* donate page starts */
    .donate_section .row .col-sm-12:nth-child(2){
        order: 1;
        padding: 0px;
    
    } 
    .donate_section .sec_content{
        padding: 0px 16px;
        margin-top: 42px;
    }
    .donate_section .row .col-sm-12:nth-child(1){
        order: 2;
        padding: 0px;
    } 
    .donate_section2 .row .col-sm-12:nth-child(1){
        padding: 0px;
    
    }
    .donate_section2 .donate_copy{
        margin-top: 36px;
    }
    .donate_section .content__area_left{
        padding: 0px 52px;
    }
    .donate_section p{
        padding-right: 0px;
    }
    .donate_section2 img{
        padding: 0px;
    }
    .donate_section2 .sec_content{
        padding: 0px;
        margin-top: 53px;
    }
    /* donate page end */

    section.section_wrap.we-section .container .row .col-lg-6:nth-child(1) .sec_content h3{
        font-size: 36px;
        padding-right: 206px;
    }
    .grant_calendar{
        padding: 0px;
    }
    .calendarBlock.grand-calendar-bg .mt-5.grant_calendar .container .row .col-sm-12:nth-child(1) .section_title{
        font-size: 36px;
        line-height: 40px;
    }
    .seattle_text{
        font-size: 36px;
    }
    .calendarBlock .grant_calendar .container .row .col-sm-12:nth-child(1) p{
        padding-top: 15px;
        padding-right: 0px;
    }
    .grantcycle .container .row .col-sm-12:nth-child(1){
        padding-right: 15px;
    }
    .grantcycle .container .row .col-lg-6:nth-child(2){
        padding-left: 15px;
    }
    #faq-section .container .header_title{
        font-size: 36px;
    }
    #faq-section{
        margin-top: 3em;
    }
    .container .Ques_section{
        margin-top: 3em;
    }
    .eligibility_section h3{
        font-size: 24px;
    }
    .Ques_section h3{
        font-size: 36px;
    }
    .recipents_section.section_banner .header_title {
        padding-right: 231px;
    font-size: 24px;
    }
    .recipents_section {
        margin-top: 13rem;
    }
    .volunteer_list_head .button_div a{
        width:98%;
        }
    .section_wrap.we-section .container .row .col-sm-12:nth-child(1) {
        order: 2;
    }
    .recipents_section.section_banner .container .row .col-sm-4:nth-child(1){
        max-width: 100%;
    }
    .recipents_section.section_banner .container .row .col-sm-4:nth-child(2){
        max-width: 100%;
    }
  
    .section_banner h2{
        font-size: 36px;
    }
    .section_banner h2 span{
        font-size: 36px;
    }
    .rec_ul{
        font-size: 14px;
    }
    .recipents_section.section_banner .container .row .col-sm-4:nth-child(1) li{
        padding-right: 100px;
    }
    .grandCycleOverlayBtn{
        top:-1px;
    }
    .inter-text{
        font-size: 14px !important;
    }
    #grandCycleContainer .bold_copy{
        font-size: 18px;
    }
}