@media (max-width:1450px) {
    .redContsiner {
        max-width: 90%
    }
}

@media (max-width:1440px) {

    .main-card,
    .rh-wrap {
        max-width: 90%
    }

    .rh-wrap {
        padding: 0;
        margin: 40px auto 72px
    }

    .nation-heading {
        font-size: 3rem
    }

    .leftPara {
        font-size: 40px
    }

    .leftParasec {
        font-size: 44px
    }

    .stackSec .main-card-description {
        font-size: 27px
    }
    .rh-pillList{
        gap: 40px;
    }
}

@media (max-width:1024px) {
      /* Neww Cs added */
    .testimonealGrid.containerRed {
        width: 90% !important;
        gap: 30px;
    }

    .testimonealGrid .main-card-content {
        padding: 20px 0px;
    }

    /* Neww Cs added */
    .cardGridBanner {
        grid-template-columns: 1fr 1fr
    }

    .cardGridBanner>:nth-child(3) {
        grid-column: span 2
    }

    .bodyCardGrid {
        grid-template-columns: repeat(3, 1fr)
    }

    .nation-heading {
        font-size: 2.6rem
    }

    .nation-grid-wrapper {
        max-width: 900px
    }

    .leftPara {
        font-size: 34px
    }

    .leftParasec {
        font-size: 38px
    }

    .stackSec .main-card-description {
        font-size: 27px
    }
          /* Neww Cs added */
  
    .testimonealGrid .main-card-image {
        padding-right: 0px ;
        padding-left: 0px;
    }
    .sli-backpad{
        padding: 10px;
    }
    .sli-quote{
        font-size: 16px;
    }
    

    /* Neww Cs added */
}

@media (max-width:850px) {
    .sliderBGSec{
        margin-top: 40px;
        margin-bottom: 40px;
    }
    .nationMain{
        min-height: auto;
    }
    .paddingSec{
        padding: 50px 0px;
    }
    .thirdGrid{
        display: grid;
        grid-template-columns: 1fr;

    }
    .marginSection{
        margin-top: 0px;
    }
    .item2{
        justify-content: center;
    }
        /* Neww Cs added */
    .main-card,
    .testimonealGrid {
        flex-direction: column
    }

    .testimonealGrid .main-card-image {
        padding-right: 0px !important;
        padding-left: 0px;
    }

    .testimonealGrid .main-card-image img {
        position: relative;
        right: 0px;
    }

    .testimonealGrid .main-card-description {
        font-size: 14px !important;
    }

    /* Neww Cs added */
    .main-card {
        flex-direction: column
    }

    .featuree {
        display: flex;
        flex-direction: row;
        justify-content: start;
        align-items: center
    }

    .featureWrap {
        display: none
    }

    .rh-pillList {
        gap: 34px;
        width: 100%;
        padding-left: 0
    }

    .stackSec::after {
        height: 87%
    }

    .nation-heading {
        font-size: 2.3rem
    }

    .leftPara {
        font-size: 26px
    }

    .leftParasec {
        font-size: 34px;
        line-height: unset
    }

    .features {
        display: grid;
        gap: 26px;
        align-items: center;
        grid-template-columns: 1fr 1fr
    }

    .stackSec .main-card-description {
        font-size: 24px
    }

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

    .BannerPara {
        font-size: 30px;
        line-height: unset
    }

    .sli-wrap {
        max-width: 90%;
        margin: 0 auto
    }

    .stackSec .main-card-content {
        padding: 30px
    }

    .nation-container {
        width: 90%
    }

    .thirdGrid {
        gap: 60px
    }

    .stat-item {
        padding: 16px
    }

    .feature__icon1 img {
        width: 40px
    }
}

@media (max-width:768px) {
    .sli-backpad{
        padding: 10px;
    }
    .sli-quote{
        font-size: 16px;
    }
    .thirdGrid .red-btn.btnWidth{
width: 100% !important;
    }
    .main-card-image {
        padding-right: 14px;
        background: 0 0
    }

    .nation-heading {
        font-size: 2rem
    }

    .nation-grid-wrapper {
        gap: 30px
    }

    .nation-card-title {
        font-size: 1rem
    }

    .leftParasec {
        font-size: 30px
    }

    .BannerPara {
        font-size: 25px
    }

    .stackSec .main-card-description {
        font-size: 22px
    }

    .main-card-description {
        font-size: 18px !important
    }

    .rh-wrap {
        padding-top: 0
    }

    .red-stats {
        min-height: 420px
    }

    .red-stats-wrap {
        padding: 28px 18px
    }

    .red-stat .red-kicker {
        font-size: 36px
    }

    .red-stat .red-sub {
        font-size: 16px
    }

    .main-card {
        position: relative;
        border-radius: 11px;
        overflow: hidden;
        box-shadow: none;
        width: 100%;
        margin: 0 auto;
        display: flex;
        min-height: 400px;
        background: 0 0
    }

    .main-card::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        height: 80%;
        background: url(/red-health/assets/togetherbbg.png) center/cover no-repeat;
        border-radius: 26px;
        z-index: 0
    }

    .main-card-image img {
        position: relative;
        right: -14px
    }
}

@media (max-width:550px) {
    .main-card {
        margin-bottom: 40px
    }

    .partnersBg {
        padding: 40px 0;
        text-align: center;
        background: #000;
        margin-bottom: 50px
    }

    .marginSection,
    .sliderBGSec,
    .stackSec {
        margin-top: 0
    }

    .stackSec .main-card-description {
        color: #fff;
        font-size: 19px
    }

    .features,
    .secFirstGrid,
    .thirdGrid {
        display: grid;
        grid-template-columns: 1fr
    }

    .bodyCardGrid,
    .features,
    .secFirstGrid,
    .stackContainer,
    .thirdGrid {
        grid-template-columns: 1fr
    }

    .connectWithus,
    .nation-card-title {
        font-size: 14px
    }

    .features {
        gap: 26px;
        align-items: center
    }

    .nation-heading {
        font-size: 1.7rem
    }

    .red-card {
        padding: 22px;
        border-radius: 18px
    }

    .red-title {
        font-size: 24px
    }

    .red-card,
    .red-card-new,
    .stats-card {
        width: 100%
    }

    .leftPara {
        line-height: 1;
        font-size: 22px
    }

    .leftParasec {
        font-size: 26px
    }

    .partnerSlider.secondParnetSlide {
        padding-bottom: 0
    }

    .partnersTitle {
        font-size: 30px
    }
.leftParasec.miniFont {
    font-size: 30px;
}
    .stackContainer {
        gap: 30px
    }

    .stackSec::after {
        height: 35%
    }

    .stackSec {
        margin-bottom: 30px
    }

    .thirdGrid {
        gap: 40px
    }

    .sliderBGSec {
        margin-bottom: 0
    }

    .nation-card-icon {
        height: 20px;
        width: 20px
    }

    .nation-card-content {
        padding: 10px 8px
    }

    .nation-card-icon img {
        height: 20px
    }

    .mainSymbolImg {
        width: 100%;
        right: 0
    }

    .secFirstGrid {
        gap: 20px
    }

    .red-stats-col::before {
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        bottom: 0;
        width: 2px;
        background: #ffffff00;
        opacity: .9
    }

    .feature__icon1 img {
        width: 24px
    }

    .red-stat .red-kicker {
        font-size: 17px
    }

    .red-stat .red-sub {
        font-size: 12px
    }

    .red-stats-col {
        padding-left: 0;
        display: flex;
        gap: 13px
    }

    .red-stat {
        padding: 10px;
        border-bottom: 0PX
    }

    .red-stat.MIDDLE {
        border-left: 1px solid #fff;
        border-right: 1px solid #fff
    }

    .rh-showcase__media {
        height: 200PX
    }

    .BannerPara {
        font-size: 20px
    }

    .red-stats-wrap {
        padding: 28px 0
    }

    .cardGridBanner {
        gap: 20px;
        padding: 0;
        border-radius: 0;
        border: none;
        margin-top: 40px;
        background-color: #393b3f00
    }

    .red-card-footer,
    .red-card-title {
        font-size: 10px
    }

    .red-card-body {
        padding: 10px 4px;
        background: #ececec
    }

    .bodyCardGrid .red-card-body {
        background: #ececec;
        padding: 15px
    }

    .nationMain {
        min-height: auto;
        padding: 40px 0
    }

    img[src="/wp-content/themes/redhealth/assets/img/Group 1123.png"] {
        width: 69%
    }

    .nation-grid-wrapper::after,
    .nation-grid-wrapper::before {
        background: 0 0
    }

    .nation-grid-wrapper {
        gap: 10px
    }

    .stackSec .main-card-content {
        padding: 30px 0;
        justify-content: center
    }

    .rh-showcase .rh-red-underline {
        left: 51%
    }
}

@media (min-width:1440px) {
    .nation-grid-wrapper {
        max-width: 800px
    }

    .stats-card {
        /* width: unset */
    }

    .connectWithus {
        padding: 10px 70px
    }

    .rh-grid {
        grid-template-columns: 2fr 1fr
    }

    .rh-pillList {
        gap: 46px;
        width: 100%;
        padding-left: 50px
    }

    .rh-headline {
        font-size: clamp(28px, 3.4vw, 48px)
    }

    .connectWithus {
        font-size: 20px
    }
}

@media (min-width:870px) {
    .Crad-Grid {
        display: none !important
    }

    .heroCard__panelInner {
        height: 100%;
        padding: 28px;
        display: flex;
        align-items: end
    }
}

@media (min-width:890px) and (max-width:1024px) {
    .stackSec .main-card-description {
        font-size: 20px
    }
}

/*Redhealth old css*/
@media only screen and (max-width: 1024px) {
    header {
        padding-top: 0px!important; 
    }
}

@media only screen and (max-width: 1180px) {
    .menu_bx {
        padding-top: 10px;
    }
	.footer-mn .col-md-2 img {width:100%;}
}
@media only screen and (max-width: 767px) {
    header {
        padding-top: 10px;
    }
	.menu_bx {
        padding-top: 5px;
    }
     header {
        padding-top: 10px!important; 
    }
        .heroCard__panel {
        display: block;
        height: 300px;
    }
}