@media screen and  (max-width:1260px) {
    .booked_card{
        background-color : #f5b21a;
        padding: 1.5rem;
        border-radius: .5rem;
        color:#eee;
        font-weight: bolder;
        box-shadow: 10px 10px 5px 0px rgba(150,0,0,0.75);
        display: block;
        width : 30rem;
        text-align: center;
     }
     .booked_card_image{
        width: 12rem;
        height: 5.5rem;
        border-radius:.3rem;
        box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);
        margin-bottom:3px;
     }
     .booked_card_btn{
        background: linear-gradient(88deg, #E1A751 -6.02%, #D13565 61.23%);
        padding: .3rem;
        color:#eee;
        font-size: medium;
        font-weight: bold;
        width:9rem;
        border-radius: 5px;
        border: none;
     }
}

@media screen and (max-width: 1024px) and (min-width:500px) {
    .title img {
            display: none;
        }
    .about-section{
        text-align: center;
    }
    .about-section .social-links {
        justify-content: center;
    }
    .contact-section .social-links {
        padding-bottom:20px ;
    }
    .contact-section .login-form{
        margin-bottom:40px;
        width: 98%;
    }
    .login-side-img img{
       width: 80% !important;
       margin-top: 50px;
    }
    .testimonial-section .slider-col-1 {
        width: 100%;
    }
    .login-section{
        text-align: center;
    }
    .footer-img{
        display: none;
    }
   .footer-section{
    margin-top: 120px;
   }
}

@media screen and  (max-width:991px) {
    .user-dashboard .profileForm .card-body{
        margin: 0 20px;
    }
    .container-fluid{
        padding: 0;
    }
    .header-menu #collapsibleNavbar button.dropdown-toggle{
        margin-right: 1rem;
    }
    .user-dashboard .profileForm .form-group:not(:first-child) label{
        text-align: left;
        padding-left: 15px;
    }
}

@media (min-width: 768px){
    .navbar-expand-md .navbar-nav .dropdown-menu {
        right: 10px;
        margin-top: 2px;
    }
}

@media screen and  (max-width:768px) {

    .temple-video{
        width:400px;
        height: 400px;
    }
    /* #main_tab{
        display:block !important;
    } */

    
    .header-menu #collapsibleNavbar .dropdown{
        align-self: flex-start;
    }
    .banner-title{
        font-size: 40px !important;
    }
    .banner-pooja{
        font-size: 30px !important;
    }
    #temple_img{
        width:100%;
    }
    .vertical-tabs {
        width: 100%;
        background-color: #d30402;
        color: #f4f4f4;
        display: flex;
        flex-direction: row;

    }

    .vertical-tab {
        padding: 5px;
        cursor: pointer;
        border-bottom: 1px solid #f5b21a;
        transition: background-color 0.3s;
        width:200px;
        /* color: #444; */
        /* background: linear-gradient(#e9e9e9,transparent); */
        font-size: 15px;
        font-weight: 600;
        letter-spacing: 1px;
        /* margin: 2px 20px; */
       
    }
    .header-menu .navbar .navbar-brand{
        width: 22%;   
    }
    .header-menu .navbar .navbar-toggler-icon {
        width: 1.15em;
        height: 1.15em;
    }
    .header-menu .navbar .site-logo {
        width: 125px;
        margin-left: 8px;
    }
    #main_tab .user-nav-panel.vertical-tabs{
        flex-wrap: wrap;
        justify-content: center;
        padding: 15px 0 18px;
    }
    .user-dashboard .profileForm .form-control-lg{
        font-size: 1.10rem;
    }
    /* .login-form-col#card{
        display: inline !important;
        align-items: center; */
        /* margin:0px 2px; */
    /* } */
}
@media screen and  (max-width:767px) {
    #temple_img{
        border:none !important;
        margin:0 !important;
    }
    .header-menu .navbar{
        --bs-navbar-toggler-focus-width: 0.15rem;
    }
    .header-menu .navbar .navbar-brand{
        width: 35%;   
    }
    #user_name{
        display: none;
    }
    .offline-puja-box>.log{
        width:60% !important;
    }
    /* .header-menu #collapsibleNavbar button.dropdown-toggle {
        margin-right: 0;
        text-align: left;
        width: 100%;
        position: relative;
    }
    .header-menu #collapsibleNavbar button.dropdown-toggle::after{
        position: absolute;
        bottom: 10px;
        left: 0px;
    }
    .header-menu #collapsibleNavbar button.dropdown-toggle div{
        padding-left: 15px;
        font-size: 1rem;
    } */
    #main_tab{
        display:block !important;
    }
    #main_tab .user-nav-panel.vertical-tabs .vertical-tab{
        display: inline-block;
        width: 43%;
    }
    .footer-logo-wr a img{
        margin-left: -9px;
        margin-bottom: 10px;    
    }
    .footer-col p {
        font-size: 14px;
    }
   
}

@media screen and (max-width: 599px) {
    #main_tab .user-nav-panel.vertical-tabs .vertical-tab{
        display: block;
        width: 41%;
    }
    .user-dashboard #title {
        font-size: 1.7rem;
    }
}

@media screen and  (max-width:530px) {
    .booked_card{
        width:20rem;
    }    
}

@media screen and  (max-width:499px) {
    .about-page-content {
        text-align: center;
    }
    .about-page-content .social-links {
        margin: 12px auto 24px;
        justify-content: center;
    }   
    .offline-puja-box>.log{
        width:80% !important;
    }
    .offline-puja-form {
        height: 58% !important;
        overflow-y: scroll !important;
    }
}

@media  screen and (max-width: 918px) {
    .banner-text{
        width:50%;
        font-size: 14px;
    }   
    .bannner-discription{
        font-size:14px;
    }
    .site-button{
        padding: 4px 10px !important;
        font-size: 13px;
    }
    .list-group-item{
        display:block !important;
    }
    .offline-puja-form {
        height: 70%;
        overflow-y: scroll;
    }
    .disable-scroll {
        overflow: visible;
    }
}

@media screen and (max-width: 1200px) {
    .site-button.btn_card{
        padding: 3px 9px !important;
    }
    .banner-section {
        overflow: hidden;
    }
    .banner-text {

        font-size:18px;
        line-height: 1.17;
       
    }
    .banner-title {
        color: #FFF;
        font-family: Metal Mania;
        font-size: 50px;
        padding: 0;
        margin: 0;
        font-style: normal;
        font-weight: 400;
        letter-spacing: 5px;
    }
    .banner-pooja {
        color: #FFF;
        font-family: Metal Mania;
        font-size: 45px;
        padding: 0;
        margin: 0;
        font-style: normal;
        letter-spacing: 3px;
        position: relative;
        font-weight: 300;
    }
    .banner-pooja::before,
    .banner-pooja::after {
        content: "";
        position: absolute;
        width: 65px;
        top: -7px;
        height: 65px;
        background-size: cover;
    }

   /* .banner-title {
        color: #FFF;
        font-family: Metal Mania;
        font-size: 35px;
        padding: 0;
        margin: 0;
        font-style: normal;
        font-weight: 400;
        letter-spacing: 5px;
    }

    .banner-pooja {
        color: #FFF;
        font-family: Metal Mania;
        font-size: 24px;
        padding: 0;
        margin: 0;
        font-style: normal;
        letter-spacing: 3px;
        position: relative;
        font-weight: 400;
    }

    .banner-pooja::before,
    .banner-pooja::after {
        content: "";
        position: absolute;
        width: 50px;
        top: -7px;
        height: 50px;
        background-size: cover;
    }

    .banner-pooja::after {
        left: 75px;
        background-image: url('entypo_left.svg');
    }

    .banner-pooja::before {
        right: 75px;
        background-image: url('entypo_right.svg');
    } */

}
@media screen and (max-width: 580px) {
    .event-post-box{
        margin-left:18%;
    }
    }

@media screen and (max-width: 480px) {
    .temple-video{
        width:400px;
        height: 300px;
    }
    .event-post-box{
        margin-left:18%;
    }
    .login-form.log{
        width:90%;
    }
    .banner-section {
        overflow: hidden;
    }
    #pujas, #temples{
        display: block;
    }
    .contact-page-content p {
        padding: 5px 0px;
    }
    .contact-page-content{
        padding-top: 0!important;
    }
    .about-page-content p{
        text-align: justify;
    }
    .upcoming-puja .d-flex{
        display: inline !important;
    }

    .banner-text {
        position: absolute;
        top: 50%;
        left: 65%;
        right: -38%;
        transform: translate(-50%, -50%);
        text-align: center;
    }

    .banner-title {
        color: #FFF;
        font-family: Metal Mania;
        font-size: 35px;
        padding: 0;
        margin: 0;
        font-style: normal;
        font-weight: 400;
        letter-spacing: 5px;
    }

    .banner-pooja {
        color: #FFF;
        font-family: Metal Mania;
        font-size: 24px;
        padding: 0;
        margin: 0;
        font-style: normal;
        letter-spacing: 3px;
        position: relative;
        font-weight: 400;
    }

    .banner-pooja::before,
    .banner-pooja::after {
        content: "";
        position: absolute;
        width: 50px;
        top: -7px;
        height: 50px;
        background-size: cover;
    }

    .banner-pooja::after {
        left: 75px;
        background-image: url('entypo_left.svg');
    }

    .banner-pooja::before {
        right: 75px;
        background-image: url('entypo_right.svg');
    }

    .site-button {
        font-size: 14px;
        padding: 5px 10px !important;
    }

    .banner-img img {
        position: relative;
        height: 300px;
    }

    .img-overlay {
        position: absolute;
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, 0.291);
        top: 0;
        left: 0;
    }

    .bannner-discription {
        color: #FFF;
        text-align: justify;
        font-weight: 400;
        font-size: 12px;
    }

    .title img {
        display: none;
    }

    .navbar-brand {
        width: 55%;
    }

    .puja-section .divider {
        margin-top: 40px;
    }

    .puja-section .title h4 {
        font-size: 25px;
    }

    .puja-section .title p {
        font-size: 17px;
    }

    .form-field-no input {
        width: 78%;
    }

    .footer-col {
        margin-top: 30px;
    }

    .footer-img {
        display: none;
    }

    .testimonial-section .slider-col-1 {
        flex: 0 0 auto;
        width: 100%;
        margin-top: -15px;
    }

    .testimonial-section .slider-col-2 img {
        display: none;
    }

    .login-form-col {
        height: auto;
    }

    .user-feedback {
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        line-clamp: 2;
        -webkit-box-orient: vertical;
    }

    .contact-page-content {
        text-align: center;
    }

    .contact-page-content .social-links{
        margin-bottom: 30px;
        justify-content: center;
    }
    .contact-page-content .social-links i{
        width: 35px;
        height: 35px;
        font-size: 17px;
    }

    .about-page-content {
        text-align: center;
    }

    .login-form,
    .book-details-box {
        width: 98%;
    }

    .login-side-img {
        margin-top: 35px;
    }
    #main_tab .user-nav-panel.vertical-tabs .vertical-tab{
        width: 100%;
        margin: 0 10px;
    }
    #main_tab .user-nav-panel.vertical-tabs{
        padding: 10px 0;
    }
    .header-menu .navbar .site-logo {
        margin-left: 0px;
    }
    #main_tab .title-divider{
        width: 85%;
    }
    .user-dashboard .profileForm .form-control-lg {
        font-size: 1.05rem;
    }
    .user-dashboard .profileForm .card-body {
        margin: 0 7px;
    }
    #scrollToTopBtn{
        padding: 5px;
        width: 35px;
        height: 35px;
    }
}

@media screen and (max-width: 375px) {
    .user-dashboard .btn-group .btn.btn-tab {
        font-size: 0.9rem;
    }
}