/* responsive ******************************************************************************/
@media (max-width: 1599px) {
    #prasad-info .prasad-info-box img.mala {
        right: -10%;
    }
}
/* responsive ******************************************************************************/
@media (max-width: 1399px) {
    #Testimonials .testimonials-slider .item p:has(q) {
        width: 70%;
    }
    #homeBanner .homeBanner-part .box {
        top: 20%;
    }
    #homeBanner .homeBanner-part .box  .title-box h1 {
        font-size: 80px;
        margin: 20px 0;
        line-height: 80px;
    }
    #homeBanner .homeBanner-part .box  .title-box h3 {
        font-size: 40px;
        line-height: 40px;
    }
    #prasad-info .prasad-info-box img.mala {
        right: -6%;
        max-width: 255px;
    }

    #prasad-info.thankyou  .prasad-info-box img.mala {
        right: -24%;
        top: -84%;
        max-width: 39%;
    }
}
/* responsive ******************************************************************************/
@media (max-width: 1299px) {
    h5{
        font-size: 20px;
    }
    .btn-common {
        font-size: 18px;
        padding: 15px 15px;
    }
    #header .logo-box img {
        max-width: 170px;
    }

    #prasad-info.thankyou  .prasad-info-box img.mala {
        right: -18%;
        top: -47%;
        max-width: 33%;
    }
}
/* responsive ******************************************************************************/
@media (max-width: 1199px) {
    .container{
        max-width: 90%;
    }
    #homeBanner .homeBanner-part .box  .title-box h1 {
        font-size: 70px;
        line-height: 70px;
    }
    #homeBanner .homeBanner-part .box  .title-box h3 {
        font-size: 32px;
        line-height: 32px;
    }
    #homeBanner .homeBanner-part .box  .title-box p {
        font-size: 18px;
    }
    #Testimonials .testimonials-slider .item p:has(q) {
        width: 90%;
    }
    #footer .middle-box .social-links .link-box ul img {
        width: 40px;
    }
    #footer .middle-box .payment-list .link-box ul img {
        width: 50px;
    }
    .why-choose-box .box {
        min-height: 200px;
    }

    #thankYou-banner .thankYou-banner-part .banner-box h5 {
        font-size: 27px;
        margin: 22px 0;
        line-height: 40px;
    }
    #thankYou-banner .thankYou-banner-part .banner-box h3 {
        font-size: 32px;
    }
    #prasad-info.thankyou  .prasad-info-box img.mala {
        right: -30%;
        top: -45%;
        max-width: 46%;
    }
}
/* responsive ******************************************************************************/
@media (max-width: 991px) {
    h3 {
        font-size: 28px;
    }
    #homeBanner .homeBanner-part .box {
        top: 9%;
    }
    #homeBanner .homeBanner-part .box .button-box {
        padding-top: 30px;
    }
    #homeBanner .homeBanner-part .box  .title-box h1 {
        font-size: 50px;
        line-height: 50px;
    }
    #homeBanner .homeBanner-part .box  .title-box h3 {
        font-size: 26px;
        line-height: 26px;
    }
    .btn-common {
        font-size: 15px;
        padding: 15px 15px;
        min-width: 160px;
    }
    #puja-detail .box {
        padding: 20px 10px;
    }
    #prasad-info .prasad-info-box  p {
        width: 80%;
    }
    #prasad-info .prasad-info-box img.mala {
        top: 76%;
        max-width: 205px;
    }
    .why-choose-box .box {
        padding: 15px 15px;
    }
    #footer .logo-box {
        text-align: center;
    }
    #footer .top-box .box2 .bottom {
        margin-bottom: 15px;
    }
    .payment-list .link-box ul {
        justify-content: center;
    }
    .social-links .link-box ul {
        justify-content: center;
    }

    #thankYou-banner .thankYou-banner-part .banner-box h5 {
        font-size: 22px;
        margin: 22px 0;
        line-height: 30px;
    }
    #thankYou-banner .thankYou-banner-part .banner-box h3 {
        font-size: 28px;
    }
}
/* responsive ******************************************************************************/
@media (max-width: 767px) {
    /* header responsive */
    #header .main-nav nav {
        position: fixed;
        top: 0;
        left: -50%;
        width: 100%;
        height: 100vh;
        background: #829a9f;
        opacity: 0;
        visibility: hidden;
        transition: .5s all ease-in-out;
        z-index: 111;
        padding-top: 60px;
    }
    #header .main-nav nav.show {
        left: 0;
        opacity: 1;
        visibility: visible;
    }
    #header .main-nav nav ul li {
        display: block;
        text-align: left;
        padding: 5px 10px;
    }
    #header .main-nav .click-menu,
    #header .main-nav .cancel-menu {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: center;
    }
    #header .main-nav .cancel-menu {
        position: fixed;
        top: 20px;
        left: -100%;
        max-width: 30px;
        width: 100%;
        text-align: center;
        z-index: 222;
        transition: .5s;
        opacity: 0;
        visibility: hidden;
    }
    #header .main-nav .cancel-menu.show {
        opacity: 1;
        visibility: visible;
        left: calc(100% - 50px);
    }
    #header .main-nav {
        flex-direction: row-reverse;
    }
    #header .button-box {
        margin-left: 0;
        margin-right: 20px;
    }
    .mobile {
        display: block !important;
    }
    .desktop {
        display: none !important;
    }
    br {
        display: none;
    }
    /* .row {
        row-gap: 20px;
    } */
    p {
        font-size: 18px;
    }
    #homeBanner .homeBanner-part {
        background: url("../images/Banner-mobile.png") no-repeat;
        padding: 65% 0;
        background-size: 100%;
        background-position: center;
    }
    #homeBanner .homeBanner-part .box {
        top: 44%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 100%;
    }
    #homeBanner .homeBanner-part .box .title-box h3 br{
        display: none;
    }
    #homeBanner .homeBanner-part .box  .title-box p {
        width: 50%;
        margin: 0 auto;
    }
    #homeBanner .homeBanner-part .box  .title-box h1 {
        font-size: 50px;
        line-height: 50px;
        margin-bottom: 55%;
    }
    #RegisterForm .container{
        max-width: 100%;
        padding: 0;
    }
    #RegisterForm .RegisterForm-box {
        padding: 30px 30px;
    }
    /* .input-group {
        justify-content: center;
    } */
    .section-heading p {
        font-size: 18px;
    }
    #puja-detail .box .text-box {
        width: 90%;
        display: flex;
        align-items: center;
        gap: 8px;
        justify-content: center;
    }
    #puja-detail .box {
        padding: 0;
        border: none;
        position: relative;
    }
    #puja-detail .box::after {
        content: "";
        width: 30px;
        height: 2px;
        background: var(--dark-orange);
        position: absolute;
        bottom: -17px;
    }
    #puja-detail .box6::after {
       display: none;
    }
    #puja-detail .box h5,
    #puja-detail .box p {
        flex-shrink: 0;
    }
    #puja-detail .row {
        row-gap: 35px;
    }
    #prasad-info .prasad-info-box img.mala {
        top: -40px;
        max-width: 145px;
    }
    .why-choose-box .box p {
        font-size: 17px;
        line-height: 17px;
    }
    #footer .top-box .logo-box img {
        margin-bottom: 0;
    }
    #footer .end-box .link-box ul  a {
        font-size: 14px;
    }

    .thank-you-main-wrapper {
        padding: 0;
        
    }
    #prasad-info.thankyou .container {
        max-width: 100%;
    }
    #thankYou-banner .thankYou-banner-part img.close-btn {
        top: 20px;
        right: 20px;
        width: 20px;
    }
    #thankYou-banner .thankYou-banner-part {
        padding: 40% 0 83%;
    }
}
/* responsive ******************************************************************************/
@media (max-width: 575px) {
    h3 {
        font-size: 24px;
    }
    #homeBanner .homeBanner-part .box  .title-box h1 {
    
        margin-bottom: 35%;
    }
    .RegisterForm-box label {
        font-size: 20px;
    }
    .why-choose-box .box {
        padding: 15px 15px;
        justify-content: center;
    }
    #prasad-info .prasad-info-box img.biliipatra {
        left: -7%;
        width: 24%;
    }
    .input-group {
        padding-bottom: 20px;
        justify-content: center;
    }
    .about-text-box {
        width: 100%;
    }
    #Testimonials .testimonials-slider .item p:has(q) {
        width: 100%;
    }
    #footer .middle-box .row{
        row-gap: 0;
    }
}
/* responsive ******************************************************************************/
@media (max-width: 479px) {
    .form-control-common {
        font-size: 16px;
        padding: 11px 30px 11px 15px;
       
    }
    #homeBanner .homeBanner-part .box {
        top: 44%;
        
    }
    #homeBanner .homeBanner-part .box  .title-box p {
        width: 64%;
    }
    #RegisterForm .RegisterForm-box .plan label {
        font-size: 16px;
    }
    .container{
        max-width: 100%;
    }
  
    #puja-detail .box .text-box {
    
        flex-wrap: wrap;
    }
    #prasad-info .prasad-info-box  p {
        font-size: 16px;
    }
    #prasad-info .prasad-info-box img.mala {
        right: 0%;
        max-width: 105px;
    }
    #footer .top-box .box2 .bottom {
        flex-direction: column;
        gap: 26px;
    }
    #RegisterForm .RegisterForm-box .col-6{
        width: 100%;
    }
    #homeBanner .homeBanner-part {
        padding: 85% 0;
      
    }
    #prasad-info .container{
        padding: 0;
    }
    #prasad-info .prasad-info-box{
        border-radius: 0;
    }
    .btn-common {
        min-width: 130px;
    }

    #prasad-info.thankyou  .prasad-info-box img.mala {
        right: -16%;
        top: -45%;
        max-width: 46%;
    }

    #thankYou-banner .thankYou-banner-part img.mala-flower {
       display: none;
    }
    #thankYou-banner .thankYou-banner-part .banner-box h5 {
        width: 80%;
        margin: 30px auto;
        font-size: 18px;
    }
}
/* responsive ******************************************************************************/
@media (max-width: 415px) {
    #homeBanner .homeBanner-part .box {
        top: 43%;
    }
    #homeBanner .homeBanner-part .box  .title-box h1 {
        margin-bottom: 65%;
    }
}
/* responsive ******************************************************************************/
@media (max-width: 375px) {

}
/* responsive ******************************************************************************/
@media (max-width: 360px) {
    #homeBanner .homeBanner-part .box {
        top: 54%;
    }
    section.plan {
        column-gap: 8px;
    }
    .section-heading p {
        font-size: 16px;
    }
    h5 {
        font-size: 18px;
    }
    .btn-common {
        min-width: 100px;
    }
}