/* Extra Small Mobile (320px and below) */
@media only screen and (max-width: 320px) {
  /* iPhone SE, older Android devices */
}

/* Small Mobile (321px to 375px) */
@media only screen and (min-width: 321px) and (max-width: 375px) {
      .allpujas_modal-body {
        max-height: 65vh!important;
    }
     .headerSearchbar.headerSearchbar-2.modalSearchbar {
        padding: 5px 10px;
    }
    
    #shaniDevModalLabel{
        font-size: 16px;
    }
    .puja-modal-tittle{
        font-size: 16px !important;
    }
    .puja-modal-about {
    font-size: 15px!important;
}
    .modal.bottom-slide-up .modal-dialog {
    top: 0% !important;
   }
   .puja-modal-about{
       font-size: 13px !important;
   }
       .mobile_menu_items {
    overflow-y: auto;
    height: 320px;
}
span.topbar-border-span {
    width: 60% !important;
    font-size: 12px;
        margin-left: 8px;
}
.topbar-border {
    justify-content: flex-start !important;
}
.topbar {
     padding-left: 0px !important; 
}

div#user-info {
    margin-top: 0px !important;
}
    span#ticker-close {
        right: 15px !important;
    }
    
    
/*app/e-puja*/
        .search-container {
    padding: 0px;
}
.service-advantage ul li {
    font-size: 13px;
}

.how-it-work-card-header h3 {
    font-size: 16px;
}
.service-advantage h2 {
    margin-bottom: 0.8rem;
}
.work-content-h2 {
    margin-bottom: 1.375rem;
}
.how-to-work-content {
    padding: 30px 0px;
}




}

/* Medium Mobile (376px to 390px) */
@media only screen and (min-width: 376px) and (max-width: 390px) {
  .allpujas_modal-body {
        max-height: 515px !important;
    }
     .headerSearchbar.headerSearchbar-2.modalSearchbar {
        padding: 5px 10px;
    }
    .row.sidebariconscontainer {
        overflow-y: scroll;
        height: 72vh;
    }
    
    #shaniDevModalLabel{
        font-size: 16px;
    }
    .puja-modal-tittle{
        font-size: 16px;
    }
    .modal.bottom-slide-up .modal-dialog {
    top: 0% !important;
   }
   .puja-modal-about{
       font-size: 13px !important;
   }
       .mobile_menu_items {
    overflow-y: auto;
    height: 340px;
}
    .android_ios_app_img a img {
        width: 100px;
    }
    .topbar-border-span {
    width: 55% !important;
    font-size: 12px;
        margin-left: 8px;
}
.topbar-border {
    justify-content: flex-start !important;
}
.topbar {
     padding-left: 0px !important; 
}

div#user-info {
    margin-top: 0px !important;
}
    span#ticker-close {
        right: 15px !important;
    }
    
    
        /*app/e-puja*/
        .search-container {
    padding: 0px;
}
.service-advantage ul li {
    font-size: 13px;
}

.how-it-work-card-header h3 {
    font-size: 16px;
}
.service-advantage h2 {
    margin-bottom: 0.8rem;
}
.work-content-h2 {
    margin-bottom: 1.375rem;
}
.how-to-work-content {
    padding: 30px 0px;
}






}




/* Large Mobile (391px to 414px) */
@media only screen and (min-width: 391px) and (max-width: 414px) {
  .allpujas_modal-body {
        max-height: 580px !important;
    }
    .puja-modal-tittle{
        font-size: 18px;
    }
    h5#shaniDevModalLabel {
    font-size: 18px;
}

/*app/e-puja*/
        .search-container {
    padding: 0px;
}
.service-advantage ul li {
    font-size: 13px;
}
.how-it-work-card-header h3 {
    font-size: 16px;
}
.service-advantage h2 {
    margin-bottom: 0.8rem;
}

.work-content-h2 {
    margin-bottom: 1.375rem;
}

.how-to-work-content {
    padding: 30px 0px;
}





}






/* Extra Large Mobile (415px to 428px) */
@media only screen and (min-width: 415px) and (max-width: 428px) {
  .allpujas_modal-body {
    max-height: 65vh !important;
}
.mobile_menu_items {
    overflow-y: auto;
    height: 420px !important;
}

/*app/e-puja*/
        .search-container {
    padding: 0px;
}
.service-advantage ul li {
    font-size: 13px;
}
.how-it-work-card-header h3 {
    font-size: 16px;
}
.service-advantage h2 {
    margin-bottom: 0.8rem;
}

.work-content-h2 {
    margin-bottom: 1.375rem;
}
.how-to-work-content {
    padding: 30px 0px;
}




}

/* All Mobile Devices (up to 768px) */
@media only screen and (max-width: 767px) {
   .puja-name-details #Eventservice {
   display: none;   
}
    
    #feedbackCarousel .owl-stage-outer {
    height: auto !important;
}
ul#pills-tab {
    background-color: transparent;
        border-radius: 0;   
}
ul#pills-tab li {
    margin: 0;
    width: 100% !important;
}
.puja-modal-about{
       font-size: 18px !important;
   }
   .puja-modal-tittle{
        font-size: 18px;
    }
    .allpujas_modal-body {
        max-height: 75vh;
    }
}