@media (min-width: 1200px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl { padding-left: 30px; padding-right: 30px; }
    .cannot-give__grid {gap:48px;}
    .cannot-give__column {flex:1 1 calc((100% - 48px) / 2); max-width:calc((100% - 48px) / 2); gap:48px;}
    .tabs-toggle, .tabs-overlay { display: none; }
    .template-tabs { position: sticky; top: 0; z-index: 20; transition: box-shadow .3s ease, padding .3s ease, background-color .3s ease; transform: translateY(0); padding: 25px 0; }
    .template-tabs .tabs-inner{ display: flex; justify-content: center; flex-wrap: wrap; gap: 16px; }
    .template-tabs .template-tab{ border-width: 1px; text-decoration: none; }
    .template-tabs .template-tab--active { color: var(--color-primary-dark); border-color: var(--color-primary-border); }
    .template-tabs .template-tab--active:hover{ color: var(--color-white); }
    .template-tabs.sticky-tab { box-shadow: 0 2px 12px var(--color-primary-dark-08); padding: 15px 0; transform: translateY(0); }
}
@media (min-width: 768px) {
    .cannot-give__grid {gap:32px;}
    .cannot-give__column {flex:1 1 calc((100% - 32px) / 2); max-width:calc((100% - 32px) / 2); gap:40px;}
}

@media (max-width: 1440px) {
    .rx-section .product {gap:12px; padding:15px;}
    .rx-section .product-image {width:100px; height:100px;}
}


@media (max-width: 1366px) {
    .vendor-resources__grid { --bs-gutter-x: 20px; row-gap: 20px; }
}
@media (max-width: 1199px) {
    :root {
        --fs-28:   26px;
        --fs-32:   30px;
        --fs-60:   45px;
    }
    .header-section { position: fixed; z-index: 1111; background: white; top: 0px; height: 100%; left: -100%; transition: all ease 0.66s; }
    .header-section.open { left: 0px; }
    .content-section { width: 100%; }
    .search-box { padding: 30px 20px; }
    .menu-link, .submenu__list, .portal-signout-wrap { padding: 20px 20px; }
    .header-responsive { background: white; z-index: 1111; width: 100%; top: 0px; }
    .header-logo-wrapper { padding: 20px 0px; text-align: left; }
    .header-logo-wrapper img { width: 190px; }
    .submenu-btn svg { width: 30px; }
    .submenu-btn svg.wic-profile__chev { width: 12px; }
    .banner-heading-img { width: 70px; margin-right: 16px; }
    .vendor-resources__grid { --bs-gutter-x: 20px; --bs-gutter-y: 20px; --bs-gutter-y: 0px; row-gap: 20px; margin-top: 24px; }
    .c-modal { padding: 20px; }
    .main-section { margin-top: 92px; }
    .banner-sec { padding-top: 110px; } 
    .c-modal__video .swiper-button-next, .c-modal__video .swiper-button-prev { top: calc(100% + 40px); }
    .c-modal__video .swiper-button-next { right: calc(50% - 50px); }
    .c-modal__video .swiper-button-prev { left:  calc(50% - 50px); }
    .not-wic-approved__products {gap:32px;}
    .rx-section .product-image {width:90px; height:90px;}
    .rx-section .product-grid > .product {max-width:100%;}
    .template-tabs{ top: 87px; padding: 15px 0; }
    .template-tabs{ padding: 0; }
    .tabs-toggle { display: inline-flex; align-items: center; justify-content: center; position: fixed; top: 50%; left: 0; transform: translateY(-50%); z-index: 1110; width: 34px; height: 52px; padding: 0; border: 0; border-radius: 0 8px 8px 0; background: var(--color-primary-dark); color: var(--color-white); box-shadow: 2px 0 10px rgba(0, 0, 0, .18); transition: left .3s ease, background .18s ease; }
    .template-tabs.is-open .tabs-toggle { left: 300px; }
    .template-tabs.is-open .tabs-toggle__arrow { transform: rotate(180deg); }
    .tabs-inner { position: fixed; top: 65px; left: 0; height: 100%; z-index: 1100; width: 300px; max-width: 85vw; padding: 28px 0; background: var(--color-white); transform: translateX(-100%); transition: transform .3s ease; overflow-y: auto; }
    .template-tabs.is-open .tabs-inner { transform: translateX(0); }
    .tabs-inner .template-tab { width: 100%; background: transparent; border: 0; border-radius: 0; padding: 16px 28px; font-size: var(--fs-18); color: var(--color-primary-dark); transition: background .15s ease, color .15s ease; }
    .tabs-inner .template-tab:hover, .tabs-inner .template-tab:focus-visible { background: var(--color-primary-soft); color: var(--color-primary-dark); outline: none; }
    .tabs-inner .template-tab--active { background: var(--color-primary-soft); }
    .tabs-overlay { display: block; position: fixed; inset: 0; z-index: 1090; background: rgba(0, 0, 0, .5); opacity: 0; transition: opacity .3s ease; }
    .tabs-overlay.is-visible { opacity: 1; }
}

@media (max-width: 991px) {
    :root {
        --fs-60:   40px;
    }
    .banner-heading-img { width: 60px; margin-right: 12px; }
    .footer-address { margin-top: 15px; }
    .portal-login-split__form { padding: 40px 20px;}
    .portal-login-split__panel { padding: 40px 20px; border-radius: 14px 14px 0 0;  }
    .portal-login-sec { padding-top: 30px; padding-bottom: 30px; }
    .not-wic-approved {padding-top:40px; padding-bottom:64px;}
    .not-wic-approved__products {justify-content:center; gap:32px; margin-top:36px;}
    .formula-guide .guide-title-wrapper .fg-icon{vertical-align: middle;}
}

@media (max-width: 767px){
       :root {
        --fs-60:   36px;
        --fs-20: 18px;
        --fs-18: 16px;
    }
    .banner-heading-img { width: 50px; margin-right: 12px; }
    .vendor-resources__grid{ row-gap: 20px; --bs-gutter-x: 20px; }
    .vendor-card__badge{padding: 6px 10px;}
    .section-spacing { padding-top: 40px; padding-bottom: 40px; }
    .social-media { justify-content: flex-start; padding-left: 0px; }
    body .gform-theme--foundation .gravity-from-wic .gform_fields { row-gap: 20px; }
    body .gform-theme--framework .gform_validation_errors { margin-bottom: 20px; }
    body .gform-theme--foundation .gfield--width-seven-twelfths,
    body .gform-theme--foundation .gfield--width-five-twelfths { grid-column: span 12; }
    .portal-login-split__form, .portal-login-split__panel { padding: 30px 20px; }
    .container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl { padding-right: 15px; padding-left: 15px; }
    .rx-section .product-grid {flex-direction:column; align-items:stretch;}
    .rx-section .rx-header {gap:12px;}
    .rx-section .rx-badge {width:48px; height:48px;}
    .rx-section .rx-title {font-size:var(--fs-20); line-height:24px;}
    .rx-section .product {padding:12px; gap:12px;}
    .rx-section .product-image {width:80px; height:80px;}
    .fg-brand {min-height:88px;}
    .fg-table thead th:nth-child(5) img {max-height:48px;}
    .fg-icon {width:20px; height:20px; flex-basis:20px;}
    .not-wic-approved {padding-top:32px; padding-bottom:48px;}
    .not-wic-approved__header {gap:12px; margin-bottom:22px;}
    .not-wic-approved__title {font-size:var(--fs-20); line-height:24px;}
    .not-wic-approved__products {display:flex; gap:28px 24px; margin-top:32px; justify-content:center;}
    .not-wic-approved__product {display:flex;}
    .not-wic-approved__product img {height:88px;}
    .cannot-give__badge {width:42px; height:49px;}
    .cannot-give__title {font-size:var(--fs-20); line-height:1.2;}
    .compare-item {gap:10px;}
    .compare-item__image {width:70px; height:70px;}
    .cannot-give__grid, .cannot-give__column {gap:28px;}
    .cannot-give__desc {margin:0 0 24px;}
    .gform-theme--foundation .gravity-from-wic .gf-up-row {margin-top:0px;}
    .fleet-popup .popup {padding:20px;}
    .fleet-popup .close {top:10px; right:5px;}
    .fleet-popup .popup h1 {padding-right:30px;}
    .outlook-guide .template-step { flex-direction: column; gap: 16px; padding: 25px 0; }
    .outlook-guide .template-step__media { flex: auto; max-width: 100%; }
    .template-steps .step-desc.bottom-step{ padding-top: 20px; }
    .template-tabs.section-spacing{ padding: 0; }
	.single-post .tm-detail .text-black h2 { font-size: var(--fs-24); }
	.single-post .tm-detail .text-black h3 { font-size: var(--fs-20); }
	.single-post .tm-detail .text-black h4 { font-size: var(--fs-18); }
	.single-post .tm-detail .text-black th,
	.single-post .tm-detail .text-black td { padding: 10px 12px; }
    .inservices .inservices__block { margin-top: 40px; }
	.inservices .inservices__group-title { font-size: var(--fs-18); }
    .inservices .inservices__group-head { gap: 12px; padding-bottom: 12px; }
}

@media (max-width: 575px) {
    .header-section { width: 250px; }
    .submenu-btn svg { width: 24px; }
    .rx-section .product-image {width:100%; height:120px; margin:0 auto;}
    .rx-section .product-grid > .product {flex-direction:column;}
    .rx-section .product-body {width:100%;}
    .not-wic-approved__product img {height:100px;}
    .tabs-inner{ width:250px; }
    .template-tabs.is-open .tabs-toggle { left: 250px; }
    .portal-signout-wrap { padding: 20px 12px; }
    .portal-signout-wrap .portal-signout, .portal-signout-wrap.innerpage-share .share-btn { min-width: auto; padding: 8px 12px; gap: 4px; }
}

@media (max-width: 575px) {
    .share-popup .modal-content .nav-tabs .nav-item .nav-link { padding: 15px 4px 10px 4px; font-size: 16px; }
   .share-popup .modal-body .nav-tabs .nav-link { padding: 10px; }
    .share-popup .content-text-red { padding-top: 5px; }
    .share-popup.modal.fade .modal-dialog { max-width: 350px; }
    body .modal-content-bg { padding: 20px 15px 15px; }
    .share-popup .smsfiled #submit-btn-sms { width: auto; position: static; }
    .share-popup .modal-header .share-title { font-size: 22px; }
    .topclose-btn .close { right: 12px; top: 12px }
    .share-popup .email_share_submit { position: relative; top: unset; }
    .share-popup .smsfiled .intl-tel-input { flex-wrap: wrap; gap: 8px; }
    .share-popup .email-filed #email, .share-popup .smsfiled .wpcf7-form-control.wpcf7-text, .share-popup .smsfiled input[name="yourphone"] { padding: 15px 16px; }
    .share-popup .smsfiled input[name="yourphone"] { padding: 14px 16px !important; }
    .share-popup .smsfiled input[name="yourphone"] { padding: 15px 16px !important; }
    .share-popup .email-filed > form > span { margin: 10px 0px 4px; }
    .share-popup .submit-sec { align-items: flex-start; margin-top: 5px; }
    .g-recaptcha { margin-top: 0px; }
    .content-text-red { padding-top: 0px; }
    .submit-btn.loader_load:after, .smsfiled .wpcf7-form.submitting .submit-btn ~ .wpcf7-spinner:after { top: 0px; left: calc(100% + 20px); margin: 0px; right: unset; }
    .share-popup .smsfiled .form-sms { position: relative; padding: 0px; top: unset; }
    .topclose-btn span { font-size: 32px; }
    .form-sms .wpcf7-spinner { right: auto; left: 50px; margin: 0px; top: 0px; }
    #email-turnstile-container { transform: scale(0.80); transform-origin: left; }
}
@media (max-width:480px){
   #email-turnstile-container { transform: scale(0.7) translateX(-20%); }
   .modal-dialog.modal-dialog-centered { max-width:350px !important; }
}
@media only screen and (max-width: 420.98px) { 
  .share-popup .modal-content { min-height: 100%; } 
  .sms_message_p { bottom: 85px !important; } 
  .g-recaptcha { transform: scale(0.8) !important; transform-origin: left !important; }
}
/* --- Share Button - Responsive End --- */

:root { --wic-admin-offset: 0px; --wic-mobile-header-h: 92px; }

/* Desktop: sidebar starts below the admin bar and is not cut off at the bottom */
@media (min-width: 1200px) {
    body .header-section header { top: var(--wic-admin-offset); height: calc(100vh - var(--wic-admin-offset)); }
}

@media (max-width: 1199px) {
    /* Mobile header sits right under the admin bar (or at 0 when there is none / it scrolled away) */
    body .header-responsive { top: var(--wic-admin-offset); }
    /* Content starts right under the mobile header – no gap, no overlap */
    body .main-section { margin-top: var(--wic-mobile-header-h); }
    /* Slide-out sidebar starts below the admin bar */
    body .header-section { top: var(--wic-admin-offset); height: calc(100% - var(--wic-admin-offset)); }
}

.wic-menu-tab, .wic-menu-overlay { display: none; }

@media (max-width: 1199px) {
    /* Hide the old hamburger / close icons in the top header bar */
    .header-responsive .submenu-btn > .bar-svg,
    .header-responsive .submenu-btn > .close-svg { display: none !important; }
    /* Sidebar hides just off-screen (its own width) so it slides in/out in step with the tab */
    body .header-section { left: -350px; transition: left .5s ease; box-shadow: none; }
    body .header-section.open { left: 0; box-shadow: 4px 0 20px rgba(0, 0, 0, .15); }
    .wic-menu-tab { display: inline-flex; flex-direction: column; align-items: center; justify-content: center; gap: 8px; position: fixed; top: 50%; left: 0; transform: translateY(-50%); z-index: 1112; width: 64px; padding: 14px 8px; border: 0; border-radius: 0 12px 12px 0; background: var(--color-primary-dark); color: var(--color-white); font-family: var(--font-body); font-size: var(--fs-16); font-weight: var(--fw-bold); line-height: 1; cursor: pointer; box-shadow: 2px 0 10px rgba(0, 0, 0, .18); transition: left .5s ease; -webkit-tap-highlight-color: transparent; }
    .wic-menu-tab:focus { outline: none; }
    .wic-menu-tab:focus-visible { outline: 2px solid var(--color-white); outline-offset: -6px; }
    .wic-menu-tab svg { width: 30px; height: 30px; fill: currentColor; }
    .wic-menu-tab .close-svg { display: none; }
    .wic-menu-tab.is-open .bar-svg { display: none; }
    .wic-menu-tab.is-open .close-svg { display: block; }
    .wic-menu-tab.is-open { left: 350px; }
    /* Dim the page behind the open menu (same as the Email/Text Templates side panel) */
    .wic-menu-overlay { display: block; position: fixed; inset: 0; z-index: 1110; background: rgba(0, 0, 0, .5); opacity: 0; visibility: hidden; transition: opacity .5s ease, visibility .5s ease; }
    .wic-menu-overlay.is-visible { opacity: 1; visibility: visible; }
    /* Email/Text Templates page: keep its own side tab clear of the Menu tab */
    body:has(.wic-menu-tab) .tabs-toggle { top: calc(50% + 80px); }
}

@media (max-width: 575px) {
    body .header-section { left: -250px; }
    body .header-section.open { left: 0; }
    .wic-menu-tab { width: 56px; padding: 12px 6px; font-size: 14px; }
    .wic-menu-tab svg { width: 26px; height: 26px; }
    .wic-menu-tab.is-open { left: 250px; }
}