/* ************* Media Queries Tablets ****************** */
@media screen and (max-width: 1599px) {
    .donateBg { background-size: 20%; }
    .donationHeader h2 { font-size: 48px; }
}
@media (max-width:1399px){
    #nav li a { padding: 8px 25px;}
     .newsEventSection { padding:30px 0;}
      .hospitalFacilities { padding: 30px 0 0!important;}
      .aboutUs h2 { font-size: 36px;}
}
@media only screen and (max-width: 1300px) {
    [data-aos] {  transform: none !important;  opacity: 1 !important;  transition: none !important;}  
    .container { padding: 10px; }
    .headerContainer { padding: 5px 0px 10px 0px; }
    .owl-dots { left: 2%; }
    .newsEventSection { padding-bottom: 50px; }
    .sliderCaption { padding-left: 50px; }
    .donationHeader h2 .donateSub { font-size: 28px; }
    .donationHeader h2 { font-size: 31px; line-height: 28px; }
    .donationHeader h2 .donateTagLine { font-size: 21px; }
}

@media only screen and (max-width: 1299px) {
       .HomeMainBanner {    height: 500px;}
    .singlePage { padding: 0; }
    #nav li a { font-size: 13px; padding: 8px 20px }
    .owl-dots { left: 40px; }
    .contDetails ul li, .contDetails p { font-size: 12px; }
    .quickLinkSection .widget .menu li a { font-size: 13px; }
    .innerBanner .bannerCaption, .breadcrumb { left: 20px; }
    .headerContainer { padding: 10px 0; }
    .activityCarasoul > h2 { font-size: 28px; }
    .aboutSection { background-size: 500px; }
    .aboutUs { width: calc(100% - 510px);}
    .donationHeaderTopTxt {    margin: 17px 0 0 0;}



/*custom forms*/
/*contact*/
.jvContact .contactFormWrap .row{ margin-bottom: 0!important;}  
.jvContact .contactFormWrap .cols6 p,
.jvContact .contactFormWrap .cols6{ width: 100%!important;}
.jvContact .contactFormWrap .cols12,
.jvContact .contactFormWrap .cols6 { margin-bottom: 30px;}

}

@media only screen and (max-width: 1199px) {
:root{
      --bannerHeadFontSize:30px;
        --visitorInfoSize:24px;
}
 #wrapper .my-5 {    margin-top: 30px !important;    margin-bottom: 30px!important; }  

/*footer*/

        .jvAdopt .adptThumbBlock { width: 180px; min-width: 180px; }
    .jvAdopt .adptBtn { width: 120px; min-width: 120px; }

        .jvBlogDetail .entry-title { font-size: 26px; }
    .jvBlogDetail .blogDetailImg img { height: 340px !important; }

        .activitySlider .slideThumb:nth-child(n+2) .slideThumbDiv {    grid-template-columns: 109px 1fr !important;}
    /* Secondary cards at tablet — slightly smaller image */
    .activitySlider .slideThumb:nth-child(n+2) .slideThumbDiv > a:first-child {
        width: 110px !important;
        min-width: 110px;
    }
    /* Slightly smaller action link text */
    .activitySlider .slideThumb:nth-child(n+2) .activitySliderBtns a {
        font-size: 11px !important;
    }

/* cols8 + cols4 both become full-width (existing rule) — sidebar stacks below */
.animalCareWheels .innerNav.projectLinks {        border-radius: 8px;           }
    .animalCareWheels .innerNav.projectLinks > h3 { font-size: 12px; }

    /* Tab nav — smaller padding */
    .animalCareWheels .resTab .tabNavInner li a { padding: 9px 18px; font-size: 12px; }

    /* tabContent */
    .animalCareWheels .tabContent { padding: 22px 24px; }

    /* table cells */
    .animalCareWheels .summeryTable th,
    .animalCareWheels table.table.summeryTable th,
    .animalCareWheels .summeryTable td,
    .animalCareWheels table.table.summeryTable td { padding: 9px 12px; font-size: 13px; }

    /* donate buttons */
    .animalCareWheels .adoptBtn > a { font-size: 12px !important; padding: 10px 28px 10px 12px !important; }
    .animalCareWheels .donatePrice { width: 64px; min-width: 64px; }
    .animalCareWheels .donatePrice .amount strong { font-size: 15px; }
 

    div.tnp-subscription,
    form.tnp-subscription,
    form.tnp-profile { margin: 0 0 15px !important; }

    /* ── Activity grid: hero full-width, 2 secondary cards side by side ── */
    .activitySlider {
        grid-template-columns: 1fr 1fr !important;
        grid-template-rows: auto auto !important;
        grid-template-areas:
            "hero hero"
            "secondary1 secondary2" !important;
        min-height: auto;
        gap: 16px;
    }
    .activitySlider .slideThumb:first-child .slideThumbDiv { min-height: 260px; }
    .activitySlider .slideThumb { padding: 0 !important; }

    .aboutSection .container { padding-top: 0; }
    .activityCarasoul { position: relative; top: 0; margin-bottom: 40px; box-shadow: none; }
    .owl-dots { bottom: 40px; }
    .equipmentList li { width: 33.3%; }
    .visionSection h4, .missionSection h4, .hospitalFacilities .newsUpdateSection h3, .equipmentSection h4 { text-align: left; }
    .equipmentList li:last-child, .equipmentList li:nth-child(3), .equipmentList li:nth-child(9) { border: none; }
    .equipmentList li:nth-child(7):after, .equipmentList li:nth-child(8):after, .equipmentList li:nth-child(9):after { display: block; }
    .donateBg { background: none; }
    .edtrcntnt { margin-left: 0;  }
    .moduleBtn .cols7, .moduleBtn .cols5 { width: 100%; }
    .moduleBtn .cols5 > .mrgT20 { margin: 0 0 20px 0; }
    .quickLinkSection #nav_menu-3, .quickLinkSection #custom_html-3 { width: 50%; }
    .quickLinkSection #custom_html-4 { width: 50%; clear: both; border: none; padding-left: 0; }
    .sliderCaption h2 { font-size: 30px; }
    .sliderCaption p { font-size: 16px; margin-bottom: 30px; }
    .activityCarasoul > h2 { font-size: 22px; }
    .newsUpdateSection h3 { padding: 30px 0 10px 0; }
    .newsUpdateSection .owl-nav { top: 28px; }
    .newsContent h4 { font-size: 15px; margin: 5px 0; }
    .newsEventSection .newsContent p { margin-bottom: 10px; }
    .newsContent { min-height:162px; }
    .newsEventSection { padding-bottom: 30px; }
    .quickLinkSection { padding: 30px 0; }
    .footerRight { margin-top: 0; }
    .donateSelect { padding-bottom: 30px; }
  
    .visionListing li:nth-child(1){ width: 100%;}
    .visionListing li{ width: 46%;}

    .innerBanner { position: relative;}
    .innerBanner:before { content: ""; position: absolute; left: 0; top: 0;
    height: 100%; width: 100%; background-color:  rgba(15, 63, 99,0.9);}

 
}

@media only screen and (max-width: 1023px) {
.photoFrameInfo h4 {  width: 250px;  white-space: nowrap;  overflow: hidden;  text-overflow: ellipsis;
}
.jvDonation .projectList { gap: 20px; }
.jvDonation .projectList li { max-width: 340px; }
.indexBanner { min-height: inherit; }
.upcomingEvent { width: 40%; }
.newsEventSection:before { margin-left: 115px; }
.blogLeftPart .blogList  { grid-template-columns: 1fr 1fr; }
.container { padding: 0 10px; }
      .aboutUs h2 { font-size: 30px;}
}
@media(max-width:991px){

.aboutSection { background-size: 500px; position: relative; }
.aboutSection:before{ content: ""; position: absolute; left: 0; top: 0;
background-color: #fff; opacity: 0.9; width: 100%; height: 100%;}
.aboutUs { width: 100%;}
}
@media only screen and (max-width: 991px) {
:root{
      --bannerHeadFontSize:24px;
       --visitorInfoSize:20px;
}
        .jvAdopt .moduleBtn .cols7,
    .jvAdopt .moduleBtn .cols5 { width: 100% !important; float: none !important; }
    .jvAdopt .moduleBtn .cols5 .alignRight {
        justify-content: flex-start;
        margin-top: 10px;
    }
    .jvAdopt .adptThumbBlock { width: 160px; min-width: 160px; }
    .jvAdopt .adptInfoBlock { padding: 16px 18px; }
    .jvAdopt .adptBtn { width: 110px; min-width: 110px; padding: 16px 12px; }

    .jvBlogDetail .entry-title { font-size: 24px; }
    .jvBlogDetail .blogDetailImg img { height: 280px !important; }
    .jvBlogDetail #secondary { position: static;  gap: 16px; }
    .jvBlogDetail #sidebar { padding-top: 24px; }
    .jvBlogDetail .blogContent p:first-child { font-size: 16px; }
       /* Hero card at 959px — ensure it spans properly */
    .activitySlider .slideThumb:first-child {
        grid-column: 1 / -1;
    }
    /* Secondary cards — slightly smaller image thumbnail */
    .activitySlider .slideThumb:nth-child(n+2) .slideThumbDiv > a:first-child {
        width: 110px !important;
        min-width: 110px;
    }

    /* Sidebar becomes full-width below main content */
    .animalCareWheels .innerNav.projectLinks { margin-top: 20px; }

    /* Tab nav — wrap tabs on small screens */
    .animalCareWheels .resTab .tabNavInner { display: flex; flex-wrap: wrap; border-bottom-width: 2px; }
    .animalCareWheels .resTab .tabNavInner li { margin-bottom: 3px; }
    .animalCareWheels .resTab .tabNavInner li a { padding: 8px 14px; font-size: 12px; }

    .animalCareWheels .tabContent { padding: 18px 20px; }
    .animalCareWheels .tabContent h3 { font-size: 17px; }
    .animalCareWheels .tabContent h4 { font-size: 14px; }
    .animalCareWheels .tabContent p { font-size: 14px; }

    /* donate cards — horizontal layout unchanged, just tighter */
    .animalCareWheels .adoptBtn { min-height: 50px; }
    .animalCareWheels .donatePrice { width: 62px; min-width: 62px; padding: 7px 5px; }
    .animalCareWheels .donatePrice .amount strong { font-size: 14px; }

    /* cvf report cards */
    .animalCareWheels .cvf-universal-content .col-md-12 { padding: 16px; }
    .animalCareWheels .cvf-universal-content h2 { font-size: 15px; }

    /* photos grid — already 22% wide, keep */
    .animalCareWheels .photosList li img { height: 110px; }

    .aboutSection .container { padding-top: 0; }
    #nav li a { padding: 8px 10px }
    #logo, .widget_custom_html .headRight { width: 100%;  }
    .owl-dots { bottom: 30px; }
    .sliderCaption { left: 50px; padding-left: 0; }
    .aboutUs { padding: 0; background: none; width: auto; position: relative; }
    .quickLinkSection .widget .menu li { width: 50%; padding-right: 0; }
    .contDetails p { width: 100%; }
    .contDetails ul { float: left; }
    .cols9, .cols3, .cols8, .cols4 { width: 100%; }
    .innerNav { padding: 0px; background: none; }
    .visionListing li, .missionListing li { width: 100%; }
    .blogRow .cols3 { background: none; }
    .projectList li figure { height: auto; }
    #header.sticky { position: static; }
    .priceLabel { font-size: 12px; text-align: center; }
    .aboutUs .readMoreBtn { margin: 10px 0 20px 0; }
    .donate_amount { max-width: 100%; margin-top: 10px; }
 

    /* ── Activity grid: hero full-width top, secondary side by side ── */
    .activitySlider {
        grid-template-columns: 1fr 1fr !important;
        grid-template-rows: auto auto !important;
        grid-template-areas:
            "hero hero"
            "secondary1 secondary2" !important;
        min-height: auto;
    }
    .activitySlider .slideThumb:first-child .slideThumbDiv { min-height: 240px; }
    .missionListing li,
    .visionListing li  { border: 0;}
    
}

@media only screen and (max-width: 819px) {
    /* reserved */
}

@media only screen and (min-width: 801px) {
    #nav ul { display: block !important; }
}

@media only screen and (max-width: 800px) {
    /* Navigation */
    #nav { display: none; position: absolute; left: 0; right: 0; background: #3b5998; }
    #nav ul { background: #3b5998; border-bottom: 0; padding-bottom: 10px; }
    .toggleMenu, #nav .menuIcon { display: block; }
    #nav li { float: none; display: block; border: none; }
    #nav li a { border-top: 1px solid #506ead; color: #fff; }
    #nav li.parent { position: relative; }
    #nav li .menuIcon, #nav li li .menuIcon { width: 46px; height: auto; background-color: rgba(0,45,99,0.5); background-image: url(../../assets/images/down-arrow.png); background-repeat: no-repeat; background-position: center 13px; position: absolute; right: 0; top: 1px; bottom: 0; cursor: pointer; }
    #nav li .menuIcon.active, #nav li li .menuIcon.active { background-color: rgba(1,36,78,0.5); }
    #nav li > a:hover, #nav li.hover > a, #nav li.active > a, #nav li ul li a:hover, #nav li ul li > a.selected, #nav ul a:hover, .noJS #nav ul a:focus, #nav ul a.selected, #nav > li > a:hover, #nav > li.hover > a, #nav > li.focus > a { background-color: #002d63; color: #fff; }
    #nav ul { width: 100%; display: none; position: static; transition: none; -webkit-transition: none; }
    .hasJS #nav ul { opacity: 1; }
    #nav li ul li, #nav ul a { width: 100% }
    #nav > li:hover > ul, #nav li li:hover > ul, #nav li li li:hover > ul { display: none; }
    #nav ul, #nav *:hover ul ul, #nav .hover ul ul, #nav .focus ul ul { margin-left: 0; }
    #nav li a { padding-left: 15px; padding-right: 15px; display: block; line-height: 30px; font-size: 14px; }
    #nav li ul li a { padding: 7px 55px 7px 30px; display: block; line-height: 21px; color: #fff; border: none }
    #nav li ul li ul li a { padding-left: 45px; background-position: 33px center }
    #nav li ul li ul li ul li a { padding-left: 60px; background-position: 45px center }
    #nav > li > a:hover, #nav > li.hover > a, #nav > li.focus > a, #nav > .highlight > a { background-color: #3b5998; color: #fff; }
    #nav li ul li a:hover, #nav li ul li > a.selected, #nav ul a:hover, .noJS #nav ul a:focus, #nav ul a.selected, #nav ul > .highlight > a { background-color: #305d93; color: #fff; }
    #nav > li > a { border-bottom: none }
    #nav li > ul, #nav a + ul, #nav ul ul, .noJS #nav .hover a, .noJS #nav .focus a { opacity: 1; visibility: visible; margin-top: 0; }
    #nav ul li a { background: none; position: relative; }
    #nav ul li a:before { position: absolute; left: 14px; top: 15px; width: 6px; height: 6px; content: ""; background-color: #fff; border-radius: 50%; }
    #nav > li.current-menu-item a, #nav > li > a:hover { border-bottom: 0; }

    /* Responsive Table */
    .responsiveTable, .responsiveTable tr, .responsiveTable td, .responsiveTable td:before { display: block; text-align: left; border: none; }
    .responsiveTable, .responsiveTable tr, .responsiveTable td:last-child { border-bottom: none; }
    .responsiveTable thead, .responsiveTable tr th { position: absolute; top: -1000em; left: -1000em; }
    .responsiveTable tr { border: 1px solid #eeeeee; border-bottom: 2px solid #eeeeee; margin: 0 0 20px; }
    .responsiveTable tr td { padding: 5px 15px; width: auto !important; }
    .responsiveTable td:before { font-weight: bold; padding-right: 20px; line-height: 27px; color: #174471; content: " " attr(data-label)""; }
    .responsiveTable tbody { display: block; }

    .mainNavigation, .searchContainer { width: 100%; }
    .searchContainer { border-left: none; border-top: 1px solid #bfbfbf; }
    .newsEventSection:before { margin-left: 0; position: static; left: 0; }
    .upcomingEvent { padding-left: 0; }
    .newsThumb img { width: 100%; }
    .newsSlider { padding-right: 0; }
    .newsUpdateSection h3, .upcomingEvent h3, .quickLinkSection { padding:25px 10px; margin: 0; }

    .projectList li { width: 48%; margin: 1.5% 1%; }
    .priceList li { width: 33%; margin: 1%; }
    .upcomingEvent { width: 50%; clear: both; margin: 5% auto; float: none; }
    .newsUpdateSection { float: none; }
    .slideThumb:hover { box-shadow: 0 0 0 #ccc; }

    .newsUpdateSection .owl-nav { top: 8px; }
    .quickLinkSection #nav_menu-3, .quickLinkSection #custom_html-3, .quickLinkSection #custom_html-4 { width: auto; float: none; min-height: 1px; }
    .quickLinkSection .widget .menu li { width: auto; float: none; display: inline-block; vertical-align: middle; }
    .quickLinkSection .widget .menu li a { margin: 0; padding: 0 10px; border-bottom-width: 0; }
    .quickLinkSection .widget .menu li:before { top: 12px; }
    .quickLinkSection .widget h2, .quickLinkSection .widget .menu, .quickLinkSection #custom_html-4 { text-align: left; }
    .quickLinkSection #nav_menu-3 { padding-right: 0; }
    .quickLinkSection #custom_html-3 { border: 0; padding: 0; min-height: 1px; }
    .contDetails ul li, .contDetails p { font-size: 16px; }
    .quickLinkSection #custom_html-4 p br { display: none; }
    .contDetails ul, .contDetails p { float: none; }
    .contDetails ul { margin-top: 10px; }
    .contDetails ul li { display: inline-block; vertical-align: middle; padding: 0 10px; }
    .quickLinkSection .widget .custom-html-widget h3, .quickLinkSection .widget h2, .nwsLtrTitle { font-size: 20px; }
    .footerRight { margin: 20px auto 0 auto; float: none; text-align: center; width: 100%; max-width: 290px; }
    .footerRight .nwsltrBox { width: 100%; }
    .footerRight .nwsltrBox section form .tnp-field input.tnp-email { padding-left: 55px; }
    .mainMenuWrap .container { padding: 0; }
    #logo { margin-top: 10px; }
    .focusEffect:focus ~ label, .has-content.focusEffect ~ label { top: -10px; }
    .popupBg > .popupInner { width: 90%; top: 30px; }
    .innerBanner, .innerBanner .container { height: 136px; min-height: 1px; }


.breadcrumb { position: static;}
.bannerCaption{ padding: 20px 0;}
#nav > li::after { display: none;}
#header { border-bottom: 1px solid #ccc;}

.footer-col{ padding: 0 15px!important;}
}

@media only screen and (max-width: 768px) {
    .r-tabs .r-tabs-nav { display: none; }
    .r-tabs .r-tabs-accordion-title { display: block; }

    /* tabContent — accordion panels have no left border radius */
    .animalCareWheels .tabContent {
        border-radius: 0 0 8px 8px;
        padding: 16px 18px;
    }
    .animalCareWheels .tabContent h3 { font-size: 16px; }
 
}

/* ************* Mobiles Media Queries ****************** */
@media only screen and (max-width: 767px) {
:root{
      --bannerHeadFontSize:20px;
          --visitorInfoSize:16px;
}
.tableOuter > table { min-width: 700px;}
.main {   border-right: 0;}
.mainMenuWrap.sticky { position: static;}
.imgLeft {    float: left; width: 100%;    margin-right: 0;    margin-bottom: 20px;    position: relative;}
.imgLeft img{ width: 100%; max-width: 100%;}
.resTab .r-tabs-accordion-title .r-tabs-anchor {     
font-weight: 400; padding: 10px 15px; }
.resTab .r-tabs-accordion-title { margin: 20px 0 0 0;}
.resTab .r-tabs-accordion-title .r-tabs-anchor { background-color: #fff; border-radius: 10px;  
border:1px solid #ccc;}
.resTab .r-tabs-accordion-title.r-tabs-state-active .r-tabs-anchor{ border-radius: 10px 10px 0 0;   background-color: var(--jv-blue-dark) !important;    color: #fff !important;}

.sticky-donate a .btn-icon { position: relative ; left: -2px;}
.aboutUs h2 { font-size: 24px;}
    .photoFrame .post-thumbnail, .photoFrameImg,
.photoFrame .post-thumbnail img, .photoFrameImg img { height: auto;}
.donate-services .cf7sr-g-recaptcha{ margin: 0 0 0 0;}
    .row > .cols6,
.contactFormWrap .cols6 { width: 100%!important;}
.cols6 > p { width: 100%;}
.contactFormSection .row, .contactFormWrap .row { margin-bottom: 0;}
.accordion .accTrigger { font-size: 13.5px !important; padding: 14px 16px 14px 42px !important; }
 .accordion .accTrigger::before { left: 14px; font-size: 11px; }
 .accordion .accordDetail { padding: 14px 16px 14px 42px !important; font-size: 13.5px; }

.hospitalFacilities .newsUpdateSection h3 { font-size: 24px;}
.hospitalFacilities .newsUpdateSection h3 { margin-bottom: 20px; }
    .priceLabel h4 { font-size: 16px;}
    button.resetBtn, .pagination .nav-links a.page-numbers, .projectList li a.viewMore, .donateBg input[type="reset"],
    .jvJoinUs .wpcf7-submit,
.jvBlogDetail .widget_custom_html .donateBtn,
.animalCareWheels .projectdonateBtn,
.donateBg input[type="submit"],.contactFormWrap input[type="submit"],
    .viewMoreBtn,
 .jvAdopt .adptBtn .readMoreBtn,
    input[type="submit"],
input[type="button"],
input[type="reset"],
button,
.button,
.vsel-meta-link a,
.iDonationBtn,
.pagination .nav-links .current,
.nl-card .nwsltrBox input.tnp-submit,
.newsContent .readMoreBtn,
.readMoreBtn,
.activitySlider .slideThumb:first-child .activitySliderBtns a:not(:first-child),
.activitySlider .slideThumb:first-child .activitySliderBtns a,
.donateBtn,
.sliderCaption .sliderReadMore { font-size: 14px; padding: 8px 10px; }
.donationFormTop { padding: 15px;}

/*form start*/
 .joinus_form .cols6,
.awareness-template-default .cols9,
.awareness-template-default .cols3,.cols12,
.contactFormWrap .cols6{ width: 100%!important; margin-bottom: 15px;}
.joinus_form .row, .contactFormSection .row, .contactFormWrap .row { margin-bottom: 0;}
/*form end*/

#content .my-5 { margin: 30px 0!Important;}
.edtrcntnt { padding: 0px;}
.donateServiForm .cf7sr-g-recaptcha{ margin-bottom: 20px!important;}
.imgRight,.imgRight img,
.donateServiForm .cols6,
.jvJoinUs .row > .cols6{ width: 100%!important;}
.jvJoinUs .joinus_form  { padding: 0px!important;}

.joinus_form, .contactFormWrap{ padding: 15px!important;}
    .jvJoinUs .joinus_form::before { font-size: 15px; padding: 18px 20px; }
    .jvJoinUs .joinus_form > .row,
    .jvJoinUs .joinus_form > .agree,
    .jvJoinUs .joinus_form > .submit_form {
        padding-left: 18px !important;
        padding-right: 18px !important;
    }
    .jvJoinUs .joinus_form > .row:first-of-type { padding-top: 20px !important; }
    .jvJoinUs .joinus_form > .submit_form { padding-bottom: 20px !important; }
    .jvJoinUs .joinus_form .row { grid-template-columns: 1fr; gap: 0; }
    .jvJoinUs .joinus_form .row .cols12 { grid-column: 1; }
    .jvJoinUs .joinus_form input[type="submit"],
    .jvJoinUs .joinus_form input[type="reset"] {
        flex: 1;
        justify-content: center;
    }
    .jvJoinUs .joinus_form .agree { padding: 14px 18px !important; }

tbody, td, tfoot, th, thead, tr { width: 100%;}    
#lightSlider.lightSlider { height:300px!important;}    
.lSSlideOuter .lSPager.lSGallery li img { height: 50px!important;}
.top-row { grid-template-columns: 1fr;}
/*footer*/    



    .jvDonation .projectList li{ width: 100%!important;}
        .jvDonation { padding: 32px 0 40px; }
    .jvDonation .projectList {
        flex-direction: column;
        align-items: stretch;
    }
    .jvDonation .projectList li {
        max-width: 100%;
        flex: none;
    }
    .jvDonation .projectList li img { height: 220px !important; }
    .jvDonation .row::after { font-size: 26px; }

    .adoptFormSection { flex-wrap: wrap;} 
        .jvAdopt .adoptFormSection {
        flex-direction: column;
        border-left-width: 1px !important;
        border-top: 4px solid var(--jv-blue);
    }
    .jvAdopt .adoptFormSection:nth-child(even) {
        border-top-color: var(--jv-orange);
        border-left-color: var(--jv-border) !important;
    }
    .jvAdopt .adptThumbBlock {
        width: 100%;
        min-width: 100%;
        height: 200px;
    }
    .jvAdopt .adoptThumb { min-height: 200px; }
    .jvAdopt .adptInfoBlock { padding: 14px 16px; }
    .jvAdopt .adptInfoBlock .tableData td { padding: 6px 8px !important; font-size: 13px !important; }
        .jvAdopt .adptInfoBlock .tableData td:nth-child(1) { width: 100px;}
    .jvAdopt .adptBtn {
        width: 100%;
        min-width: 100%;
        border-left: none;
        border-top: 1px solid var(--jv-border);
        background: var(--jv-blue-light);
        padding: 14px 16px;
        flex-direction: row;
        justify-content: flex-end;
    }
    .jvAdopt .adptBtn .adoptBtnWrap { flex-direction: row; justify-content: flex-end; }
    .jvAdopt .adptBtn .readMoreBtn { width: auto; padding: 10px 24px !important; }
    .jvAdopt .moduleSearch { gap: 8px; }
    .jvAdopt .moduleSearch li .inputCol { width: 160px; }
    .jvAdopt .moduleSearch li select { width: 150px; }
.jvBlogDetail .blogRow { padding-top: 0; padding-bottom: 0; }
.jvBlogDetail .entry-title { font-size: 22px; padding-bottom: 12px; }
.jvBlogDetail .blogDetailImg img { height: 220px !important; }
.jvBlogDetail .blogContent { font-size: 15px; line-height: 1.75; }
.jvBlogDetail .blogContent p:first-child { font-size: 15px; padding: 12px 16px; }
.jvBlogDetail .nav-links { flex-direction: column; }
.jvBlogDetail .nav-next { text-align: left; }
.jvBlogDetail #secondary { grid-template-columns: 1fr; }
       /* Secondary cards — keep horizontal layout but smaller image */
    .activitySlider .slideThumb:nth-child(n+2) .slideThumbDiv > a:first-child {
        width: 90px !important;
        min-width: 90px;
    }
    .activitySlider .slideThumb:nth-child(n+2) .slideThumbDiv h3 {
        font-size: 15px !important;
        padding: 14px 14px 0 !important;
    }
    .activitySlider .slideThumb:nth-child(n+2) .activitySliderBtns {
        padding: 8px 14px 16px !important;
    }
     .sticky-donate {
        bottom: 16px;
        right: 16px;
    }
    .sticky-donate a {
        font-size: 13px;
        padding: 12px 18px;
    }
     /* Page title */
    .animalCareWheels .singlePage h3.title { font-size: 22px; padding-bottom: 10px; margin-bottom: 16px; }

    /* Tab content */
    .animalCareWheels .tabContent { padding: 14px 16px; }
    .animalCareWheels .tabContent h3 { font-size: 15px; }
    .animalCareWheels .tabContent h4 { font-size: 14px; margin: 16px 0 8px; }
    .animalCareWheels .tabContent p,
    .animalCareWheels .tabContent ul li { font-size: 13.5px; }

    /* table — allow horizontal scroll, existing .tableOuter pattern */
    .animalCareWheels .summeryTable,
    .animalCareWheels table.table.summeryTable { display: block; overflow-x: auto; -webkit-overflow-scrolling: touch; }
    .animalCareWheels .summeryTable th,
    .animalCareWheels table.table.summeryTable th,
    .animalCareWheels .summeryTable td,
    .animalCareWheels table.table.summeryTable td { padding: 8px 10px; font-size: 12.5px; white-space: nowrap; }

    /* Sidebar donate buttons — full-width stacked */
    .animalCareWheels .adoptBtn { min-height: 52px; }
    .animalCareWheels .donatePrice { width: 58px; min-width: 58px; }
    .animalCareWheels .donatePrice .amount strong { font-size: 13px; }
    .animalCareWheels .adoptBtn > a { font-size: 12px !important; padding: 9px 28px 9px 10px !important; }

    /* donateNowProject row — stack input + button vertically */
    .animalCareWheels .donateNowProject .row { display: flex; flex-direction: column; gap: 8px; }
    .animalCareWheels .donateNowProject .cols7,
    .animalCareWheels .donateNowProject .cols5 { width: 100% !important; float: none !important; }
    .animalCareWheels .donateNowProject input[type="text"] { margin-bottom: 0; }

    /* contact form */
    .animalCareWheels #contactForm1 input[type="text"] { height: 36px; font-size: 13px; }

    /* photos */
    .animalCareWheels .photosList li { width: 44%; margin: 3%; }
    .animalCareWheels .photosList li img { height: 90px; }

    /* cvf cards */
    .animalCareWheels .cvf-universal-content .col-md-12 { padding: 14px; }
    .animalCareWheels .cvf-universal-content h2 { font-size: 14px; }
    .animalCareWheels .cvf-universal-content .col-md-12 img { max-height: 160px; }
 .blogLeftPart .blogList {grid-template-columns: 1fr;}  
    .newsUpdateSecTop{ flex-wrap: wrap;}
           .HomeMainBanner {    height: 300px;}

    .footer-lower p { width: 100%; text-align: center; justify-content: center; }
    .footer-bar .social-icons { justify-content: center; }
    .nl-card { margin: 20px 0 0 0; }


    .formList .boxs > li, .formList .boxs > div { float: none; width: 100%; }
    .width50p { width: 100%; }
    .hospitalFacilities .newsUpdateSection .newsThumb { width: 48%; margin: 0 1% 1.5% 1% }
    .equipmentList li, .quickLinkSection #nav_menu-3, .quickLinkSection #custom_html-3, .quickLinkSection #custom_html-4 { width: 100%; }
    .quickLinkSection .widget:nth-child(1), .quickLinkSection .widget:nth-child(2), .quickLinkSection .widget:nth-child(3) { width: 100%; }
    .quickLinkSection .widget:nth-child(2), .quickLinkSection .widget:nth-child(3), .quickLinkSection #custom_html-3, .quickLinkSection #custom_html-4 { padding: 0; border: none; }
    .moduleSearch li:first-child .inputCol, .moduleSearch li, .moduleSearch li .btnSearchReset { width: 100%; }
    .moduleSearch li { padding: 0 0 10px 0; }
    .newsUpdateSection .owl-nav { top: 5px; }
    .mainNavigation { z-index: 9; }
    #header { position: relative; }
    .searchContainer { position: absolute; left: 0; bottom: 0; right: 60px; z-index: 10; background: #fff; border: 0; width: auto; border-right: 1px solid #bfbfbf; }
    .searchContainer .submit { height: 40px; background-position: 0 -29px; }
    .toggleMenu .iconBar { background-size: 100%; width: 30px; height: 30px; }
    .toggleMenu { padding: 5px 0; }
    .searchContainer input.searchInput { padding: 0 50px 0 15px; line-height: 40px; }
    .sliderCaption .sliderReadMore { padding: 5px 10px; font-size: 14px; }
    .sliderCaption p { margin-bottom: 15px; }
    .sliderCaption h2 { font-size: 20px; margin-bottom: 10px; }
    .sliderCaption p { font-size: 14px; }
    .sliderBanner .owl-nav { display: none; }
    .sliderCaption { left: 15px; }
    .indexBanner .owl-dots { bottom: 15px; width: 100%; text-align: center; left: 0; }
    .indexBanner .owl-dot span { margin: 0 5px; }
    .activityCarasoul { box-shadow: none; background: none; padding: 0; }
    .activityCarasoul:after, .activityCarasoul:before { display: none; }
    .aboutSection .activityCarasoul a { display: block; }
    .aboutSection .activityCarasoul a > img { width: 100%; }
    .aboutSection { padding: 20px 0 0 0; }
    .activityCarasoul > h2 { font-size: 22px; }
    .activityCarasoul { margin-bottom: 20px; }
    .aboutUs { padding: 20px 15px; margin: 0 -10px; }
    .aboutUs .readMoreBtn { line-height: 22px; font-size: 14px;  text-align: center; }
    .newsEventSection { padding: 20px 0; }
    .newsUpdateSection h3 { padding: 0; margin-bottom: 15px; }
    .newsUpdateSection h3 a { font-size: 14px; margin: 4px 90px 0 0; }
    .newsUpdateSection .owl-nav button { padding: 4px; }
    .newsUpdateSection .owl-prev .nav-prev, .newsUpdateSection .owl-next .nav-next { height: 20px; }
    .newsUpdateSection .owl-nav button.owl-prev:hover, .newsUpdateSection .owl-nav button.owl-next:hover { background: #fff; }
    .newsUpdateSection .owl-prev .nav-prev, .newsUpdateSection .owl-nav button.owl-prev:hover .nav-prev { background-position: -95px -31px; }
    .newsUpdateSection .owl-next .nav-next, .newsUpdateSection .owl-nav button.owl-next:hover .nav-next { background-position: -53px -31px; }
    .newsUpdateSection .owl-nav { height: 28px; top: 1px; padding-left: 15px; }
    .donateBtn { font-size: 14px; padding: 11px 10px; }
    .donateTableWrap { height: 250px; overflow-y: auto; }
    table tr td, table tr th { font-size: 14px; padding: 4px 5px; }
    table.summeryTable tr td:last-child, table.table.summeryTable.w60 tr th:last-child, table.table.summeryTable.w60 tr td:last-child { width: 120px; }
    h4 { font-size: 18px; }
    h5, .blogContent h3, .singlePage h3, .searchResult h2 { font-size: 17px; }
    h6 { font-size: 16px; }
    .singlePage h3.title, .innerNav h3 { font-size: 20px; }
    .singlePage h3.title span { font-size: 14px; }
    .singlePage { padding: 20px 5px; }
    .donatePrice { width: 85px; padding: 11px 5px; height: 70px; }
    .adoptBtn { padding: 8px 30px 8px 90px; height: 70px; }
}

@media only screen and (max-width: 639px) {
    .photoFrameInfo h4{ width: 250px; }
    .newsEventSection .newsUpdateSection h3 { font-size: 20px!Important;}
       .jvAdopt .adptThumbBlock { height: 300px; }
    .jvAdopt .adoptThumb { min-height:300px; }
    .jvAdopt .adoptionWrap .imgLeft img { max-width: 300px; min-height: 300px;}
    .jvAdopt .moduleSearch { flex-direction: column; align-items: stretch; }
    .jvAdopt .moduleSearch li { width: 100%; }
    .jvAdopt .moduleSearch li .inputCol { width: 100%; }
    .jvAdopt .moduleSearch li select { width: 100%; }
    .jvAdopt .moduleSearch .btnSearchReset { width: 100%; }
    .jvAdopt .moduleSearch .btnSearchReset input[type="submit"],
    .jvAdopt .moduleSearch .btnSearchReset button.resetBtn { flex: 1; justify-content: center; }
    .jvAdopt .moduleBtn .cols5 .alignRight { flex-direction: column; align-items: flex-start; }
    .jvAdopt .adoptLink,
    .jvAdopt .adoptFaqLink { width: 100%; justify-content: flex-start; }

        .jvBlogDetail .entry-title { font-size: 20px; }
    .jvBlogDetail .blogDetailImg img { height: 180px !important; border-radius: 8px; }
    .jvBlogDetail .meta-line { gap: 8px; }
    .jvBlogDetail .blogContent p { margin-bottom: 16px; }
    .jvBlogDetail .blogContent p:first-child { font-size: 14.5px; }
    .jvBlogDetail .post-title { font-size: 13px; }
      /* At mobile, secondary cards go full column */
    /* Image becomes a banner-style top strip */
    .activitySlider .slideThumb:nth-child(n+2) .slideThumbDiv {
        flex-direction: column !important;
    }
    .activitySlider .slideThumb:nth-child(n+2) .slideThumbDiv > a:first-child {
        width: 100% !important;
        min-width: 100% !important;
        height: 140px !important;
        min-height: 140px !important;
        border-radius: 20px 20px 0 0 !important;
    }
    .activitySlider .slideThumb:nth-child(n+2) .slideThumbDiv h3 {
        padding: 16px 18px 0 !important;
    }
    .activitySlider .slideThumb:nth-child(n+2) .activitySliderBtns {
        padding: 8px 18px 18px !important;
    }
    .activitySlider .slideThumb:nth-child(n+2) .slideThumbDiv h3::after {
        font-size: 13px;
    }

     .animalCareWheels .singlePage h3.title { font-size: 20px; }
    .animalCareWheels .tabContent { padding: 12px 14px; }

    /* table stack — each row block (mirrors existing .responsiveTable pattern) */
    .animalCareWheels .summeryTable thead,
    .animalCareWheels table.table.summeryTable thead { display: none; }
    .animalCareWheels .summeryTable tbody tr,
    .animalCareWheels table.table.summeryTable tbody tr {
        display: flex;
        justify-content: space-between;
        align-items: center;
        border-bottom: 1px solid var(--jv-border);
        padding: 8px 0;
    }
    .animalCareWheels .summeryTable tbody tr th,
    .animalCareWheels .summeryTable tbody tr td,
    .animalCareWheels table.table.summeryTable tbody tr th,
    .animalCareWheels table.table.summeryTable tbody tr td {
        display: inline-block;
        border: none !important;
        padding: 4px 8px;
        font-size: 13px;
        white-space: normal;
        background: transparent !important;
    }
    .animalCareWheels .summeryTable tfoot tr,
    .animalCareWheels table.table.summeryTable tfoot tr {
        display: flex;
        justify-content: space-between;
    }
    .animalCareWheels .summeryTable tfoot td,
    .animalCareWheels table.table.summeryTable tfoot td { display: inline-block; }

    /* photos — 2 columns */
    .animalCareWheels .photosList li { width: 46%; margin: 2%; }
    .animalCareWheels .photosList li img { height: 80px; }

    /* adopt btn — smaller price badge */
    .animalCareWheels .donatePrice { width: 54px; min-width: 54px; }
    .animalCareWheels .donatePrice .amount strong { font-size: 12px; }
    .animalCareWheels .adoptBtn > a { font-size: 11.5px !important; }

    /* innerNav sidebar h3 */
    .animalCareWheels .innerNav.projectLinks > h3 { font-size: 11px; padding: 10px 14px; }

    /* ── Activity grid: single column stack ── */
    .activitySlider {
        grid-template-columns: 1fr !important;
        grid-template-rows: auto auto auto !important;
        grid-template-areas:
            "hero"
            "secondary1"
            "secondary2" !important;
        gap: 14px;
    }
    .activitySlider .slideThumb:nth-child(n+2) .slideThumbDiv > a:first-child {
        width: 100px !important;
        min-width: 100px;
    }
    .activityCarasoul > h2 { font-size: 20px; }
    .aboutSection .container { padding-top: 20px; padding-bottom: 30px; }

    .formList .boxs { margin-left: 0; }
    .formList .box { float: none; width: auto; margin-left: 0; }
    .sliderBanner .owl-nav button.owl-prev span, .sliderBanner .owl-nav button.owl-next span { font-size: 26px; line-height: 13px; }
    .sliderCaption h2 { font-size: 18px; }
    .sliderCaption h2 span { font-size: 14px; }
    .sliderCaption p { font-size: 12px; }
    .owl-dots { bottom: 10px; }
    .sliderBanner .owl-nav button.owl-prev, .sliderBanner .owl-nav button.owl-next { line-height: 16px; }
    .aboutUs h2 { font-size: 22px; }
    .newsUpdateSection h3, .upcomingEvent h3 { margin-bottom: 10px; }
    .newsEventSection { padding-bottom: 20px; }
    #menu-quick-links { margin-bottom: 0; }
    .quickLinkSection .widget { min-height: inherit; }
    .quickLinkSection .widget:nth-child(1) { padding-right: 0; padding-bottom: 20px; }
    .footerRight, .footerRight input.newsLetterInput { width: 100%; }
    .footerLeft ul li a, .footerLeft p { font-size: 12px; }
    .headRight ul li:last-child { display: none; }
    .headRight ul li:nth-child(2):after { display: none; }
    .hospitalFacilities .newsUpdateSection .newsThumb { width: 100%; }
    .newsUpdateSection h3 { margin-bottom: 20px; }
    .facilitySlider { clear: both; }
    .equipmentList li { border: none; }
    .aboutContent h3.title { font-size: 26px; }
    .breadcrumb { max-width: 100%; }
    .blogDetailImg, .blogContent img { margin-bottom: 20px; margin-right: 0; max-width: inherit; float: none; width: 100%; }
    .blogRow .cols3 { width: 100%; background: none; }
    .innerBanner, .innerBanner .container { height: auto; }
    .headRight ul li::after { display: none; }
    .cols6, .projectList li { width: 100%; }
    .donateBg .cols6 { margin-bottom: 10px; }
    .innerBanner .bannerCaption { position: static; transform: translateX(0); }
    .innerBanner .container { left: 5px; position: absolute; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); }
    .bannerCaption .bannerTitle { font-size: 19px; }
    .aboutContent h3.title { font-size: 18px; text-align: left; }
    .aboutContent { padding-top: 15px; }
    .moduleSearch li .btnSearchReset input, .moduleSearch li:last-child, .adoptFormSection .adptThumbBlock, .adoptFormSection .adptInfoBlock, .adoptFormSection .adptBtn { width: 100%; }
    .moduleSearch li .btnSearchReset input[type="submit"] { margin-bottom: 10px; }
    .adptBtn { min-height: inherit; line-height: inherit; }
    .adoptFormSection .adptInfoBlock { padding: 20px 0; }
    .priceList { margin: 0; padding: 0; }
    .priceList li, .photosList li { width: 100%; margin: 1% 0; }
    .photosList li img { height: auto; margin: 0px; }
    .footerRight { margin: 10px auto 0 auto; }
    .headRight .headTitle { font-size: 12px; line-height: 1; }
    .headRight .workingHours { font-size: 14px; }
    .donateBtn { font-size: 12px; padding: 6px 10px; display: block; text-align: center; }
    #logo img { width: 230px; }
    .newsContent { min-height: 1px; box-shadow: 0 0 0 #353535; }
    .newsEventSection .newsContent p { min-height: 1px; }
    .newsEventSection .newsContent .newsDate { font-size: 14px; }
    .newsContent .readMoreBtn { margin: 0; }
    .quickLinkSection .widget .menu li a, .contDetails ul li, .contDetails p { font-size: 14px; }
    .quickLinkSection .widget .custom-html-widget h3, .quickLinkSection .widget h2, .nwsLtrTitle { font-size: 17px; }
    .activityCarasoul h3 { margin-bottom: 0; }
    .activityCarasoul a { font-size: 13px; }
    .donationHeader h2 .donateSub { font-size: 20px; }
    .donationHeader h2 { font-size: 20px; line-height: 20px; }
    .donationHeader h2 .donateTagLine { font-size: 16px; }
    .priceLabel { padding: 5px; height: auto; }
    #txt_price { font-size: 17px; }
    .donateBg input[type="submit"], .contactFormWrap input[type="submit"], .donateBg input[type="reset"], .contactFormWrap input[type="reset"] { padding: 6px 20px; margin: 0; }
    .focusEffect:focus ~ label, .has-content.focusEffect ~ label { top: -7px; }
    .donateBg input[type="submit"]:hover, .contactFormWrap input[type="submit"]:hover { background: #f50e57; }
    .donateBg input[type="reset"]:hover, .contactFormWrap input[type="reset"]:hover { background: #5c5c5c; }
    .imgLeft { width: 100%; float: none; }
    .imgLeft img { width: 100%; }
    .adoptThumb { max-width: 100%; }
    .adoptFormSection .readMoreBtn { margin: 0; display: block; text-align: center; padding: 5px 10px; }

    .details-grid { grid-template-columns: repeat(2,1fr);}
}

@media only screen and (max-width: 479px) {
    .jvJoinUs .joinus_form .wpcf7-radio { gap: 8px; }
    .jvJoinUs .joinus_form .wpcf7-checkbox { gap: 8px; }
    .jvJoinUs .joinus_form .wpcf7-radio .wpcf7-list-item,
    .jvJoinUs .joinus_form .wpcf7-checkbox .wpcf7-list-item label {
        padding: 7px 14px;
        font-size: 12px;
    }

.steps-list li{ flex-wrap: wrap;}
.steps-list li em { width: 100%;}

    .dates-strip {grid-template-columns:1fr;}
    .details-grid { grid-template-columns: repeat(1,1fr);}

        .jvDonation .projectList li img { height: 180px !important; }
    .jvDonation .row::after { font-size: 22px; }

        .jvAdopt .adptThumbBlock { height: 160px; }
    .jvAdopt .adoptThumb { min-height: 160px; }
    .jvAdopt .adptInfoBlock .tableData td label { font-size: 10px; }
    .jvAdopt .adptInfoBlock .tableData td .inputName { font-size: 13px; }
    .jvAdopt .adptBtn { padding: 12px; }
    .jvAdopt .adptBtn .readMoreBtn { font-size: 11px !important; padding: 9px 18px !important; }

        .jvBlogDetail .entry-title { font-size: 18px; }
    .jvBlogDetail .blogDetailImg img { height: 160px !important; }
    .jvBlogDetail .blogContent { font-size: 14.5px; }
    .jvBlogDetail .widget_recent_entries li a:first-child,
    .jvBlogDetail .widget_recent_entries li a:first-child img {
        width: 50px !important; height: 50px !important;
    }

    .animalCareWheels .singlePage h3.title { font-size: 18px; }
    .animalCareWheels .tabContent { padding: 10px 12px; }
    .animalCareWheels .tabContent h3 { font-size: 14px; }
    .animalCareWheels .tabContent h4 { font-size: 13px; }
    .animalCareWheels .tabContent p,
    .animalCareWheels .tabContent ul li { font-size: 13px; }

    /* photos — full width */
    .animalCareWheels .photosList li { width: 100%; margin: 2% 0; }
    .animalCareWheels .photosList li img { height: 140px; }

    /* donate — ultra compact */
    .animalCareWheels .adoptBtn { min-height: 48px; }
    .animalCareWheels .donatePrice { width: 50px; min-width: 50px; padding: 6px 4px; }
    .animalCareWheels .donatePrice .fa-inr { font-size: 10px; }
    .animalCareWheels .donatePrice .amount strong { font-size: 11px; }
    .animalCareWheels .donatePrice .amount { font-size: 8px; }
    .animalCareWheels .adoptBtn > a { font-size: 11px !important; padding: 8px 24px 8px 8px !important; }

    /* contact form — full width submit */
    .animalCareWheels #contactForm1 input[type="submit"]#submit { height: 38px; font-size: 11px; }

    /* cvf */
    .animalCareWheels .cvf-universal-content h2 { font-size: 13px; }
    .animalCareWheels .cvf-universal-content .col-md-12 { padding: 12px; }
    .animalCareWheels .cvf-universal-content .col-md-12 img { max-height: 130px; }
    .litebox-overlay .litebox-close { display: none; }
    .newsUpdateSection .owl-nav { border: none; }
    .newsUpdateSection h3 a { margin: 4px; }
    .newsUpdateSection h3 { margin-bottom: 50px; }
    .newsUpdateSection .owl-nav { top: 40px; right: 0; }
    .imgLeft { margin-right: 0; }
    .imgRight { margin-left: 0; }
    .blogLeftPart .blogList li, .widget_sp_image img { width: 100%; }
    .currentPage { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 350px; display: inline-block; }
    .blogRow .cols9 h2, .project .cols9 h2 { font-size: 20px; }
    .blogContent img, .blogDetailImg img { max-width: 100%; width: 100%; }
    .donationHeader h2 .donateTagLine { display: block; font-size: 15px; }
    .sliderCaption p { display: none; }
    .quickLinkSection #nav_menu-3 { padding-right: 0; }
    .upcomingEvent h3 { margin-bottom: 0; padding-left: 10px; }
    .adoptLink, .adoptFaqLink { display: block; }
    .adoptLink { margin-right: 0; margin-bottom: 20px; }
    .moduleBtn .cols5 .alignRight { float: left; }
    .aboutContent h3.title { margin-top: 0; }
    .wop_wide1 ul { margin: 0 0 20px 0; padding: 0; }
    .visionListing li, .missionListing li { border: none; }
    .sliderCaption { left: 0; width: 100%; padding-left: 15px; padding-right: 15px; }
    .activitySlider .slideThumb { float: none; width: auto; padding: 8px 0; }
    .aboutSection .activityCarasoul a > img { margin-bottom: 7px; }
    .aboutUs .readMoreBtn { margin-bottom: 0; }
    .headRight ul li { padding: 8px 5px; }
    .priceLabel span { display: block; }
    .donationHeader h2 { text-transform: uppercase; }
    .donationHeader h2 .donateSub { display: inline-block; vertical-align: middle; position: relative; top: -2px; padding: 0 5px 0 0; }
    .donationHeader { height: 100px; padding-top: 11px; }
    .popupBg > .popupInner h3 { font-size: 16px; }
    .popupBg > .popupInner { padding: 10px; }
    .donateTable tr td { display: block; width: 100%; }
    .hospitalFacilities .newsUpdateSection .newsContent h4 { min-height: 1px; }
    .blogLeftPart .pagination { margin-bottom: 20px; }
}

@media only screen and (max-width: 359px) {
    /* reserved */
}