@media screen and (max-width: 2166px) {
    .desktop-banner {
        min-height: 420px !important;
        padding: 208px 0;
    }
}

@media screen and (max-width: 1766px) {
    .desktop-banner {
        min-height: 460px !important;
        padding: 208px 0;
    }
}   
    

@media screen and (max-width: 1566px) {
    .contty {
        margin-top:8%;
    }
    .f-name5 {
        right:13%;
    }
}

@media only screen and (max-width: 1300px){
    
    
    
    .krishna-h4 {
        font-size: 27px;
    }
    .imghight {
        height: 66px;
    }
    .number-card {
        background: #E6B647;
        padding: 17px 0px 5px 0px;
        border-top-right-radius: 22px;
        border-top-left-radius: 22px;
        height: 152px;
    }
    .desc-card p {
        font-size: 15px;
        font-weight: 600;
        padding: 8px 12px;
    }
    .desc-card {
        background: #e2e5e7;
        border-bottom-right-radius: 22px;
        border-bottom-left-radius: 22px;
        height: 92px;
    }
    .desc-card p.a-p {
        padding: 34px 0;
    }
    .about-para-desk {
        font-size: 15px;
        font-weight: 600;
    }
    .krishna-para,
    .krishna-lbl {
        font-size: 15px;
    }

    .contribute-h4 {
        font-size: 31px;
    }
    blockquote p {
        color: #fff;
        font-weight: 500;
        font-size: 15px;
    }
    .lbl-para {
        text-align: left;
        color: #fff;
        padding: 0 0 0px 50px;
        font-weight: 500;
        font-size: 15px;
    }
    .amount-text-desk
    {
        font-size: 12px;
    }
    .des-krishna-h4 {
        font-weight: 700;
        font-size: 29px;
    }
}

@media only screen and (max-width:1200px){
    
    
    .about-h2-desk {
        font-size: 25px;
        font-weight: 700;
    }
    .about-para-desk {
        font-size: 13px;
        font-weight: 600;
    }
    .amount-text-desk
    {
        font-size: 13px;
        font-weight: 700;
    }
    .des-krishna-h4 {
        font-weight: 700;
        font-size: 26px;
    }
    .amt-btn {
        width: 24.4%;
    }
    .custom-form-desk .amt-btn {
        width: 49.3%;
    }
    .amt-btn-clr2-desk {
        background: #fff;
        border-radius: 30px;
        padding: 11px 8px;
        font-weight: 500;
        font-size: 15px;
    }
    .reservation-head-desk h2 {
        color: #000;
        font-size: 21px;
    }
    .krishna-h4 {
        font-size: 26px;
    }

    .krishna-para,
    .krishna-lbl {
        font-size: 14px;
    }

    .contribute-h4 {
        font-size: 29px;
    }

    
    blockquote p {
        color: #fff;
        font-weight: 500;
        font-size: 15px;
    }
    .lbl-para {
        text-align: left;
        color: #fff;
        padding: 0 0 0px 50px;
        font-weight: 500;
        font-size: 15px;
        font-family: "Georgia", serif;
    }
    .cons-food img {
        position: absolute;
        top: -31%;
        left: 30px;
        width: 35%;
    }
    blockquote::after {
        content: close-quote;
        position: absolute;
        right: 6%;
        bottom: -12%;
    }
}

@media only screen and (max-width:1025px) {
    .imghight {
        height: 48px;
    }
    .amount-text-desk
    {
        font-size: 12px;
        font-weight: 700;
        line-height: 3;
    }
    .personal-desk label.google-material {
        color: #010101;
        font-size: 11px;
    }
    .desc-card p {
        font-size: 13px;
    }
    .desc-card p.v-p {
        padding: 19px 0;
    }
    .custom-form-desk .amt-btn {
        width: 49.2%;
    }
    .amt-btn-clr2-desk {
        background: #fff;
        border-radius: 30px;
        padding: 7px 0;
        font-weight: 500;
        font-size: 12px;    
    }
    .des-krishna-h4 {
        font-weight: 700;
        font-size: 22px;
    }
    .reservation-head-desk h2 {
        color: #000;
        font-size: 20px;
    }
    .cons-food img {
        position: absolute;
        top: -31%;
        left: 30px;
        width: 41%;
    }
    .about-para-desk {
        font-size: 13px;
        font-weight: 700;
    }
    .des-krishna-para {
        font-size: 12px;
        font-weight: 700;
    }
    .about-h2-desk {
        font-size: 24px;
    }
    
    .des-krishna-lbl {
        font-size: 12px;
    }
    .payment-message {
        color: #fff;
        font-weight: 600;
        font-size: 11px;
    }
    .card-number {
        font-size: 30px;
    }

    .card-paragraph {
        font-size: 16px;
    }

    .krishna-h4 {
        font-size: 22px;
    }

    .krishna-para,
    .krishna-lbl {
        font-size: 14px;
    }

    .about-h2 {
        font-size: 27px;
    }

    .about-para {
        font-size: 18px;
    }

    .contribute-h4 {
        font-size: 25px;
    }

    blockquote p {
        font-size: 14px;
    }

    .contribute-lbl,
    .contribute-para {
        font-size: 15px;
    }

    .lbl-para {
        font-size: 13px;
    }

    .reservation-head.reservation-head2 h2 {
        font-size: 41px;
    }
    .contty {
        font-size: 14px;
        color: black;
        font-weight: 600;
        margin: 0px 27px;
        margin-top: 17%;
        display: inline-block;
    }
    .f-name1 {
        right: 15%;
        top: 39%;
    }

    .f-name2 {
 
        right: 10%;
        top: 39%;
    }

    .f-name3 {
        right: -12%;
        top: 39%;
    }

    .f-name4 {
        right: 15%;
        top: 39%;
    }

    .f-name5 {
        right: -5%;
        top: 39%;
    }
    .cons-food .f5-img {
        position: absolute;
        top: -14px;
        left: 35px;
        width: 35%;
        height: 117%;
    }
    .donate-now {
        color: #ffffff!important;
        background: #e84f20;
        border: none;
        border-radius: 45px;
        padding: 6px 13px 6px 13px;
        font-weight: 500;
    }
    .donate-now span{
        font-size: 15px!important;
    }
    .desc-card {
        background: #e2e5e7;
        border-bottom-right-radius: 22px;
        border-bottom-left-radius: 22px;
        height: 79px;
    }
    .number-card {
        background: #E6B647;
        padding: 12px 0px 5px 0px;
        border-top-right-radius: 22px;
        border-top-left-radius: 22px;
        height: 127px;
    }
    .number-card p {
        color: #fff;
        font-size: 21px;
        line-height: 1;
    }
    .number-card label {
        font-size: 11px;
    }
}
@media only screen and (max-width:992px) {
    .desc-card p {
        font-size: 11px;
        font-weight: 600;
        padding: 14px 16px;
    }
    .number-card p {
        color: #fff;
        font-size: 24px;
    }
    .amt-btn-clr2-desk {
        background: #fff;
        border-radius: 30px;
        padding: 10px 7px;
        font-weight: 500;
        font-size: 12px;
    }
    .personal-details{
        font-size: 17px;
    }
    .custom-form-desk .amt-btn {
        width: 49.1%;
    }
    .number-card img {
      
    }
    .number-card {
        height: 127px;
    }
    .des-krishna-h4 {
        font-weight: 700;
        font-size: 21px;
    }
    .amt-btn {
        width: 24.4%;
    }
    .reservation-head-desk h2 {
        color: #000;
        font-size: 17px;
    }
    .card-number {
        font-size: 30px;
    }

    .card-paragraph {
        font-size: 16px;
    }

    .krishna-h4 {
        font-size: 21px;
    }

    .krishna-para,
    .krishna-lbl {
        font-size: 14px;
    }

    .about-h2 {
        font-size: 27px;
    }

    .about-para {
        font-size: 18px;
    }

    .contribute-h4 {
        font-size: 24px;
    }

    blockquote p {
        font-size: 14px;
    }

    .contribute-lbl,
    .contribute-para {
        font-size: 15px;
    }

    .lbl-para {
        font-size: 14px;
    }

    .reservation-head.reservation-head2 h2 {
        font-size: 41px;
    }

   
    .tem-img {
        width: 100%;
        height: 503px;
    }
    .reservation-head {
        padding: 25px 0px 32px 0;
    }
    .about-para-desk {
        font-size: 12px;
        font-weight: 700;
    }
    .desc-card p.a-p {
        padding: 31px 0;
    }
    .desc-card p.v-p {
        padding: 23px 0;
    }
    .sub-amt-cls {
        margin: 0 auto;
        font-weight: 700;
        font-size: 14px;
    }
    .amount-text-desk {
        font-size: 12px;
        font-weight: 700;
        line-height: 2.3;
    }
    .des-krishna-para {
        font-size: 11px;
        font-weight: 600;
    }
    .about-h2-desk {
        font-size: 22px;
    }
    .seva-offer-heading-desk {
        color: #fff;
        text-align: center;
        padding: 21px 0px 0px 0px;
        font-size: 21px;
    }
}

@media only screen and (max-width:913px) {
    .personal-desk label.google-material {
        color: #010101;
        font-size: 11px;
    }
    .reservation-head {
        padding: 4px 0px 32px 0;
    }
    .about-para-desk {
        font-size: 11px;
        font-weight: 700;
    }
    .card-paragraph {
        font-size: 15px;
    }
    .number-card {
        height: 113px;
    }
    /* .number-card img {
        width: 39px;
        height: 38px;
    } */
    .number-card p {
        color: #fff;
        font-size: 21px;
        font-weight: 700;
        padding: 13px 0;
        margin: 0;
        line-height: 18px;
    }
    .desc-card p {
        font-size: 10px;
        font-weight: 600;
        padding: 14px 16px;
    }
    .reservation-head h2 {
        font-size: 44px;
    }

    .krishna-h4 {
        font-size: 19px;
    }

    .krishna-para,
    .krishna-lbl {
        font-size: 13px;
    }

    .about-h2 {
        font-size: 22px;
    }

    .about-para {
        font-size: 16px;
    }

    .contribute-h4 {
        font-size: 22px;
    }

    .reservation-head.reservation-head2 h2 {
        font-size: 36px;
    }

    blockquote::before,
    blockquote::after {
        font-size: 32px;
    }
    .custom-form-desk .amt-btn {
        width: 49%;
    }
    .amt-btn-clr-desk.amt-btn {
        background: #fff;
        border-radius: 30px;
        border: none;
        font-size: 14px;
        padding: 10px 20px;
        font-weight: 500;
        line-height: 1.3;
    }
    .amt-btn-clr2-desk {
        background: #fff;
        border-radius: 30px;
        padding: 6px 9px;
        font-weight: 500;
        font-size: 12px;
    }
    .personal-details{
        font-size: 21px;
    }
    .reservation-head-desk h2 {
        color: #000;
        font-size: 17px;
    }
    .tem-img {
        width: 100%;
        height: 526px;
    }
    /* .cons-food img {
        position: absolute;
        top: -24px;
        left: 20px;
        width: 76px;
    } */
    .cons-food .f5-img {
        height: 54px;
    }
    .cons-food {
        background: rgb(222 222 222);
        border-radius: 33px;
        height: 44px;
    }
    .contty {
        font-size: 13px;
    }
    .f-name1 {
        font-size: 13px;
    }
    .f-name2 {
        font-size: 13px;
    }
    .f-name3 {
        font-size: 13px;
    }
    .f-name4 {
        font-size: 13px;
    }
    .f-name5 {
        font-size: 13px;
    }
    .btn-h-donate {
        background: linear-gradient(347deg, #cf482c, #e3773f);
        color: white;
        border: gainsboro;
        border-radius: 25px;
        padding: 6px 19px 6px 19px;
        font-size: 9px;
        font-weight: 500;
    }
    .imghight {
        height: 41px;
    }
    .amount-text-desk {
        font-size: 11px;
        font-weight: 700;
        line-height: 1;
    }
    .des-krishna-h4 {
        font-weight: 700;
        font-size: 19px;
    }
    .about-h2-desk {
        font-size: 21px;
    }
    blockquote::before {
        left: 7%;
    }
    .lbl-para {
        font-size: 13px;
    }
}

@media only screen and (max-width:842px) {
    .seva-offer-heading-desk {
        color: #fff;
        text-align: center;
        padding: 21px 0px 0px 0px;
        font-size: 20px;
    }
   
    .card-number {
        font-size: 25px;
    }

    .card-paragraph {
        font-size: 13px;
    }

    .krishna-h4 {
        font-size: 18px;
    }

    .contribute-h4 {
        font-size: 23px;
    }
    .des-krishna-h4 {
        font-weight: 700;
        font-size: 17px;
    }
    .des-krishna-lbl {
        font-size: 10px;
    }
    .des-krishna-para {
        font-size: 11px;
        font-weight: 700;
    }
    .tax-note {
        color: #fff;
        margin: 0 auto;
        font-size: 8px;
        font-weight: 600;
    }
}

@media only screen and (max-width:769px) {
    /* .serve-img{
        width: 77px;
        height: 52px;
    }
    .amreq-img{
        width: 59px;
        height: 52px;
    }
    .group-img{
        width: 65px;
        height: 52px;
    } */
    
    
    
    .imghight {
        height: 34px;
    }
    .number-card {
        height: 94px;
    }
    .desc-card p {
        font-size: 9px;
        font-weight: 600;
        padding: 9px 7px;
    }
    .desc-card p.a-p {
        padding: 23px 0;
    }
    .desc-card p.v-p {
        padding: 13px 0;
    }
    .desc-card {
        height: 62px;
    }
    .amount-text-desk {
        font-size: 10px;
        font-weight: 700;
    }
    .seva-offer-heading-desk {
        color: #fff;
        text-align: center;
        padding: 14px 0px 0px 0px;
        font-size: 18px;
    }
    .des-krishna-h4 {
        font-weight: 700;
        font-size: 16px;
    }
    .custom-form-desk .amt-btn {
        width: 48.8%;
    }
    .personal-desk label.google-material {
        color: #010101;
        font-size: 9px;
    }
    .reservation-head-desk h2 {
        color: #000;
        font-size: 13px;
    }
    /* .cons-food img {
        position: absolute;
        top: -15px;
        left: 20px;
        width: 60px;
    } */
    .cons-food .f5-img {
        top: -11px;
        left: 33px;
        height: 43px;
    }
    .select, input[type=text] {
        height: 48px;
    }
    .btn.donate-now span{
        font-size: 16px!important;
    }
    blockquote p {
        font-size: 11px;
    }
    .lbl-para {
        font-size: 11px;
    }
    .tem-img {
        width: 100%;
        height: 422px;
    }
    .contty {
        font-size: 12px;
        margin: 0px 16px;
    }
    .reservation-head {
        padding: 10px 0px 15px 0;
    }
    .des-krishna-lbl {
        font-size: 11px;
    }
    .des-krishna-para {
        font-size: 11px;
        font-weight: 500;
    }
    .post-img.desk img {
        height: 100%
    }
    .krishna-h4 {
        font-size: 20px;
        top: -62px;
    }

    .reservation-head.reservation-head2 h2 {
        font-size: 31px;
    }

    blockquote {
        padding-left: 30px;
    }

    blockquote::after {
        bottom: -32px;
    }
    .number-card p {
        color: #fff;
        font-size: 18px;
        font-weight: 700;
        padding: 13px 0;
        margin: 0;
        line-height: 14px;
    }
    .number-card label {
        font-size: 9px;
    }
    .sub-amt-cls {
        margin: 0 auto;
        font-weight: 700;
        font-size: 12px;
    }
    .personal-details {
        font-size: 14px;
    }
    .about-h2-desk {
        font-size: 19px;
    }
    .about-para-desk {
        font-size: 10px;
        font-weight: 700;
    }
    .cons-food {
        height: 37px;
    }
    .f-name1 {
        font-size: 12px;
        top: 34%;
    }
    .f-name2 {
        font-size: 12px;
        top: 34%;
    }
    .f-name3 {
        font-size: 12px;
        right: -15%;
        top: 34%;
    }
    .f-name4 {
        font-size: 12px;
        top: 34%;
    }
    .f-name5 {
        font-size: 12px;
        right: -8%;
        top: 34%;
    }
    blockquote::before {
        left: 4%;
    }
}

@media only screen and (max-width:768px) {
    .reservation-head h2 {
        font-size: 34px;
    }
    .card-number label {
        display: block;
        font-size: 15px;
        font-weight: 600;
    }
    .amt-btn-clr2 {
        font-size: 17px;
        line-height: 1.8;
    }
    .personal-details {
        color: #fffefe!important;
        font-weight: 600;
        font-size: 22px;
    }
    .donate-now {
        padding: 9px 14px 8px 14px;
        width: 100%;
    }
    .btn.donate-now span {
        font-size: 22px!important;
    }
    blockquote p {
        font-size: 18px;
    }
    .footer{
        border-top: 2px solid #a8a6a6;
        padding-top: 17px;
      }
    .select,
    input[type=text] {
        padding: 14px 10px 1px 27px;
    }

    .mobile-banner {
        padding: 632px 0;
    }

    .card-section {
        margin-top: -64px;
    }

    .yellow-card {
        height: 263px;
        padding: 88px 22px 19px 22px;
    }

    .card-number {
        font-size: 37px;
        height: 79px;
    }

    .card-paragraph {
        font-size: 18px;
    }

    .amt-btn {
        width: 24.3%;
    }

    .krishna-h4 {
        font-size: 28px;
        top: -64px;
        left: 26px;
    }

    .contribute-h4 {
        font-size: 33px;
        padding: 30px 17px 18px 17px;
    }

    .con-div {
        padding-left: 39px;
        padding-right: 39px;
    }

    .lbl-para {
        font-size: 15px;
        padding: 0px 15px 0 15px;
    }

    .contribute-img {
        background-size: cover;
        height: 100%;
        border-bottom-right-radius: 40px;
        border-bottom-left-radius: 40px;
    }

    .reservation-head {
        padding: 36px 0px 0px 0;
    }

    .reservation-head2 {
        padding: 28px 0px 24px 0;
    }

    .f-name1 {
        right: 130px;
        font-size: 14px;
        top: 19px;
    }

    .f-name2 {
        right: 123px;
        font-size: 14px;
        top: 19px;
    }

    .f-name3 {
        right: 88px;
        font-size: 14px;
        top: 19px;
    }

    .f-name4 {
        right: 130px;
        font-size: 14px;
        top: 19px;
    }

    .f-name5 {
        right: 95px;
        font-size: 14px;
        top: 19px;
    }
    .contty {
        font-size: 14px;
        margin-top: 20px;
    }
    .cons-food {
        background: rgb(222 222 222);
        border-radius: 33px;
        height: 57px;
    }
    .amt-btn-clr2 {
        margin-top: 13px !important;
    }

    .about-h2 {
        font-size: 26px;
        font-weight: 700;
    }

    .about-para {
        font-size: 13px;
        padding: 0px 26px 0 26px;
    }
    .krishna-lbl {
        font-weight: 600;
    }
    .krishna-para,
    .krishna-lbl {
        font-size: 13px;
        padding: 0 14px 0 14px;
    }
    .contribute-para {
        font-weight: 500;
    }
    .cons-food img {
        width: 28%;
    }
    .cons-food .f5-img {
        width: 25%;
    }
    .cons-food .f5-img {
        top: -11px;
        left: 33px;
        height: 57px;
    }
}

@media only screen and (max-width:577px) {
    .mobile-banner {
        padding: 474px 0;
    }
    
    .added {
      background: #a5630b !important;
    }

    .card-number {
        font-size: 24px;
        height: 55px;
    }
    .cons-food img {
        position: absolute;
        top: -26px;
        left: 26px;
        width: 85px;
    }
    .cons-food .f5-img {
        position: absolute;
        top: -17px;
        left: 29px;
        width: 77px;
        height: 69px;
    }
    .krishnasection img {
        width: 100%;
    }

    .yellow-card {
        height: 230px;
        padding: 88px 22px 19px 22px;
    }

    .krishna-h4 {
        top: -79px;
        left: 19px;
    }

    .about-para {
        font-size: 12px;
    }

    .form-row {
        margin: 0;
    }

    .amt-btn {
        width: 49.5%;
        margin-bottom: 15px;
    }

    .reservation-head {
        padding: 54px 0px 0px 0;
    }

    .reservation-head2 {
        padding: 22px 0px 15px 0;
    }

    .f-name1 {
        right: 113px;
    }

    .f-name2 {
        right: 106px;
    }

    .f-name3 {
        right: 74px;
    }

    .f-name4 {
        right: 118px;
    }

    .f-name5 {
        right: 84px;
    }

    .amt-btn-clr2 {
        margin-top: 0px !important;
    }
    .header-img {
        width: 18%;
    }
    .card-paragraph {
        font-size: 15px;
    }
    .card-number label {
        font-size: 13px;
    }
    .reservation-head h2 {
        font-size: 31px;
    }
    .sub-amt-cls {
        margin: 0 auto;
        font-weight: 700;
        font-size: 18px;
    }
    .personal-details {
        font-size: 19px;
    }
    .tax-note {
        font-size: 10px;
    }
    .donate-now {
        padding: 6px 14px 6px 14px;
        width: 100%;
    }
    .btn.donate-now span {
        font-size: 19px!important;
    }
    .krishna-h4 {
        font-size: 23px;
    }
    .about-h2 {
        font-size: 23px;
        font-weight: 700;
    }
    .contribute-h4 {
        font-size: 26px;
    }
    blockquote p {
        font-size: 15px;
    }
    .contribute-lbl, .contribute-para {
        font-size: 13px;
    }
    .lbl-para {
        font-size: 13px;
        padding: 0px 15px 0 15px;
    }
    .reservation-head.reservation-head2 h2 {
        font-size: 28px;
    }
}

@media only screen and (max-width:492px) {
    .yellow-card {
        height: 232px;
        padding: 88px 8px 19px 8px;
    }

    .card-paragraph {
        font-size: 14px;
    }

    .amt-btn-clr2 {
        font-size: 15px;
    }

    .reservation-head {
        padding: 50px 0px 0px 0;
    }

    .reservation-head2 {
        padding: 33px 0px 23px 0;
    }

    .f-name1 {
        right: 81px;
    }

    .f-name2 {
        right: 76px;
    }

    .f-name3 {
        right: 43px;
    }

    .f-name4 {
        right: 85px;
    }

    .f-name5 {
        right: 51px;
    }
    .header-img {
        width: 26%;
    }
    .reservation-head h2 {
        font-size: 29px;
    }
    .krishna-h4 {
        font-size: 20px;
    }
    .krishna-para, .krishna-lbl {
        font-size: 12px;
        padding: 0 14px 0 14px;
    }
    .about-h2 {
        font-size: 20px;
        font-weight: 700;
    }
    .about-para {
        font-size: 11px;
    }
    .contribute-h4 {
        font-size: 22px;
    }
    blockquote::after {
        bottom: -12px;
    }
    .reservation-head.reservation-head2 h2 {
        font-size: 24px;
    }
    .copyright-txt {
        font-weight: 600;
        font-size: 12px;
    }
}

@media only screen and (max-width:451px) {
    .mobile-banner {
        padding: 369px 0;
    }
   
    .card-number {
        font-size: 25px;
        height: 43px;
    }

    .card-paragraph {
        font-size: 14px;
        padding: 0 8px 0 8px;
    }

    .amt-btn {
        width: 49.4%;
        margin-bottom: 15px;
    }

    .amt-btn-clr2 {
        font-size: 15px;
        padding: 13px 0 0 0;
    }

    .f-name1 {
        right: 63px;
    }

    .f-name2 {
        right: 58px;
    }

    .f-name3 {
        right: 24px;
    }

    .f-name4 {
        right: 68px;
    }

    .f-name5 {
        right: 36px;
    }
    .card-paragraph.m-ap{
        padding: 11px 0;
    }
    .krishna-h4 {
        font-size: 18px;
    }
    .about-h2 {
        font-size: 19px;
        font-weight: 700;
    }
    .about-para {
        font-size: 10px;
    }
    .con-div {
        padding-left: 0;
        padding-right: 0;
    }
    blockquote {
        padding-left: 34px;
        padding-right: 34px;
    }
    blockquote::after {
        bottom: -8px;
    }
    .yellow-card {
        height: 218px;
        padding: 88px 8px 19px 8px;
    }
}

@media only screen and (max-width:415px) {
    .reservation-head.reservation-head2 h2 {
        font-size: 28px;
    }
    .mobile-banner {
        padding: 338px 0;
    }

    .card-number {
        font-size: 22px;
        height: 36px;
    }

    .card-paragraph {
        font-size: 14px;
        padding: 0 8px 0 8px;
    }
    .amt-btn-clr2 {
        padding: 16px 14px 3px 14px;
        font-size: 12px;
        line-height: 1.3;
    }
  
    .reservation-head h2 {
        font-size: 33px;
    }

    .krishna-h4 {
        top: -79px;
        left: 4px;
        font-size: 19px;
        padding: 0 33px;
    }
    blockquote::before, blockquote::after {
        font-size: 42px;
    }

    blockquote::after {
        bottom: -8px;
    }
    .yellow-card {
        height: 208px;
        padding: 77px 8px 19px 8px;
    }
    .about-h2 {
        font-size: 18px;
        font-weight: 700;
    }
    .about-para {
        font-size: 12px;
    }
}

@media only screen and (max-width:400px) {
    blockquote p {
        font-size: 15px;
    }
    blockquote {
        padding-left: 3px;
        padding-right: 3px;
    }
    blockquote::before {
        left: -1%;
    }
    .reservation-head.reservation-head2 h2 {
        font-size: 25px;
    }
    .cons-food img {
        position: absolute;
        top: -19px;
        left: 26px;
        width: 67px;
    }
    .cons-food .f5-img {
        position: absolute;
        top: -14px;
        left: 29px;
        width: 58px;
        height: 60px;
    }
    .about-para {
        font-size: 12px;
        font-weight: 600;
    }
    .custom-form label {
        display: block;
        color: #fffefe;
        font-size: 13px;
    }
    .reservation-head h2 {
        font-size: 28px;
    }
    .mobile-banner {
        padding: 330px 0;
    }
    .card-number {
        font-size: 20px;
        height: 38px;
    }
    .card-paragraph {
        font-size: 13px;
        padding: 0 8px 0 8px;
    }

    .yellow-card {
        height: 207px;
        padding: 75px 8px 19px 8px;
    }

    .amt-btn {
        width: 49.3%;
        margin-bottom: 15px;
    }

    .amt-btn-clr2 {
        font-size: 12px;
        padding: 19px 2px 0 2px;
    }
    .about-h2 {
        font-size: 18px;
        font-weight: 700;
    }
    .contribute-h4 {
        font-size: 20px;
        padding: 30px 17px 18px 17px;
    }

    .con-div {
        padding-left: 19px;
        padding-right: 19px;
    }

    .f-name1 {
        right: 55px;
    }

    .f-name2 {
        right: 48px;
    }

    .f-name3 {
        right: 13px;
    }

    .f-name4 {
        right: 57px;
    }

    .f-name5 {
        right: 25px;
    }
    .header-img {
        width: 34%;
    }
    .card-paragraph.m-ap {
        padding: 18px 0;
    }
    .cons-food {
        background: rgb(222 222 222);
        border-radius: 33px;
        height: 52px;
    }
}

@media only screen and (max-width:376px) {
    .btn-h-donate {
        font-size: 16px;
    }
    .card-number {
        font-size: 21px;
        height: 37px;
    }

    .amt-btn-clr2 {
        font-size: 14px;
        padding: 15px 0 0 0;
    }
    .copyright-txt {
        font-weight: 700;
        font-size: 13px;
    }
    .btn.donate-now span {
        font-size: 18px!important;
    }
    .donate-now {
        padding: 10px 25px 10px 25px;
    }
    .custom-form label {
        display: block;
        color: #fffefe;
        font-size: 13px;
    }
    .krishna-h4 {
        top: -79px;
        left: 4px;
        font-size: 22px;
        padding: 0px 18px;
    }

    .about-h2 {
        font-size: 22px;
        font-weight: 700;
    }

    .con-div {
        padding-left: 5px;
        padding-right: 5px;
    }

    .lbl-para {
        font-size: 15px;
        padding: 0px 23px 0 23px;
    }
}

@media only screen and (max-width:361px) {
    .card-number {
        font-size: 20px;
        height: 31px;
    }
    .card-paragraph {
        font-size: 12px;
        padding: 0 8px 0 8px;
    }
    .btn-h-donate {
        font-size: 15px;
    }
    .amt-btn-clr2 {
        font-size: 14px;
        padding: 9px 9px 0 9px;
    }

    .krishna-h4 {
        top: -79px;
        left: 4px;
        font-size: 20px;
        padding: 0px 18px;
    }

    .about-h2 {
        font-size: 20px;
        font-weight: 700;
    }

    .f-name1 {
        right: 39px;
    }

    .f-name2 {
        right: 32px;
    }

    .f-name3 {
        right: -1px;
    }

    .f-name4 {
        right: 41px;
    }

    .f-name5 {
        right: 8px;
    }

    .header-img {
        width: 40%;
    }
    .btn-h-donate {
        font-size: 12px;
    }
    .yellow-card {
        height: 191px;
        padding: 75px 8px 19px 8px;
    }
    .reservation-head h2 {
        font-size: 26px;
    }
    .donate-now {
        padding: 7px 25px 7px 25px;
    }
    .lbl-para {
        font-size: 13px;
        padding: 0px 23px 0 23px;
    }
    .cons-food img {
        position: absolute;
        top: -19px;
        left: 26px;
        width: 67px;
    }
    .reservation-head.reservation-head2 h2 {
        font-size: 21px;
    }

}
@media only screen and (max-width:351px){
    .amt-btn {
        width: 49.2%;
        margin-bottom: 15px;
    }
    .card-number {
        font-size: 19px;
        height: 29px;
    }
    .card-paragraph {
        font-size: 11px;
        padding: 0 8px 0 8px;
    }
    .btn-h-donate {
        font-size: 12px;
    }
}

@media only screen and (max-width:321px) {
    .card-number {
        font-size: 17px;
        height: 28px;
    }

    .card-paragraph {
        font-size: 10px;
        padding: 0 8px 0 8px;
    }
    .yellow-card {
        height: 191px;
        padding: 88px 8px 19px 8px;
    }
    .amt-btn {
        width: 49.2%;
        margin-bottom: 15px;
    }

    .amt-btn-clr2 {
        font-size: 13px;
        padding: 9px 9px 0 9px;
    }

    label.google-material {
        font-size: 14px;
        top: 17px;
    }
    .copyright-txt {
        font-weight: 700;
        font-size: 10px;
    }
    .select,
    input[type=text] {
        padding: 14px 10px 1px 27px;
    }

    .krishna-h4 {
        top: -79px;
        left: 4px;
        font-size: 18px;
        padding: 0px 18px;
    }
}