/* <------------- max-width: 1400px start -------------> */
@media (max-width: 1400px){

    .container, .rebates-wapper-content .container{
        max-width: 92%;
    }

}
/* <------------- max-width: 1400px end -------------> */


/* <------------- max-width: 1200px start -------------> */
@media (max-width: 1200px){

    .container{
        max-width: 92%;
    }
    .hero-section .hero-section-item:nth-child(1) .item-box {
        max-width: 45%;
        gap: 24px;
    }
    .research-section-content .research-section-item:nth-child(2){
        min-width: 400px;
        max-width: 400px;
    }
    .research-section-item .author-img-bar {
        height: 500px;
        min-height: 500px;
    }
    .peer-reviewed-section-content .peer-reviewed-item{
        max-width: 100% !important;
        width: 100% !important;
    }
    .compare-programs-box{
        gap: 24px;
        padding: 32px 24px;
    }
    .compare-programs-box .body{
        gap: 20px;
    }
    .weightloss-testimonials-section .container{
        padding: 0;
    }
    .faq-content .faq-item:nth-child(2){
        min-width: auto;
        max-width: 100%;
    }

}
/* <------------- max-width: 1200px end -------------> */


/* <------------- max-width: 992px start -------------> */
@media (max-width: 992px){

    .hero-section .hero-section-item:nth-child(2) {
        position: relative;
        right: 0;
        top: 0;
        width: 100%;
        height: 500px;
    }
    .hero-section .hero-section-item:nth-child(1) .item-box{
        max-width: 100%;
        gap: 20px;
    }
    .hero-section .hero-section-item:nth-child(1){
        padding: 70px 0;
    }
    .research-section-content .research-section-item:nth-child(2) {
        min-width: 100%;
        max-width: 100%;
    }
    .real-healthcare-content .team-member-bar{
        grid-template-columns: repeat(2, 1fr);
    }
    .real-healthcare-content .team-member-bar .img-bar {
        min-width: 100%;
        max-width: 100%;
        height: 100%;
    }
    .another-diet-content .list-bar{
        grid-template-columns: repeat(1, 1fr);
        gap: 24px;
    }
    .another-diet-content .list-bar .list-box{
        border-left: 1px solid rgba(var(--Navy), 25%) !important;
    }
    .peer-reviewed-section-content .peer-reviewed-item .book-img-bar{
        height: 300px !important;
    }
    .first-3month-content .first-3month-item:nth-child(1){
        max-width: 100%;
        width: 100%;
    }
    .end-3month-content .list-bar .list-box{
        border-color: rgba(var(--Navy), 25%);
    }
    .compare-programs-grid{
        grid-template-columns: repeat(1,1fr);
        gap: 24px;
    }
    .programs-inner-hero-content .programs-inner-hero-item:nth-child(2){
        height: 500px;
    }
    .programs-guide-content .list-bar{
        grid-template-columns: repeat(1,1fr);
    }
    .faq-content .faq-item:nth-child(2){
        min-width: auto;
        max-width: 100%;
    }
    .payment-confirmation-wapper .content-block .form-box{
        gap: 48px;
    }
    .payment-confirmation-wapper .subscription-wapper-box{
        max-width: 100%;
    }
    .payment-confirmation-wapper .content-block .form-box .subscription-wapper-box{
        order: 2;
    }

}
/* <------------- max-width: 992px start -------------> */


/* <------------- max-width: 768px start -------------> */
@media (max-width: 768px){

    .research-section-content .research-section-item .heading-bar{
        gap: 20px;
    }
    .research-section-content, .today-easiest-content{
        gap: 24px;
    }
    .real-healthcare-content .heading-bar, .iwl-approach-content .heading-bar, .today-easiest-content .heading-bar, .testimonial-content .heading-bar, .program-content .heading-bar, .another-diet-content .heading-bar, .compare-programs-content .heading-bar, .programs-guide-content .heading-bar, .subscription-wapper-section .heading-bar, .first-3month-content .heading-bar, .faq-content .heading-bar, .signup-wapper .heading-bar {
        gap: 20px;
        max-width: 100%;
    }
    .real-healthcare-content, .iwl-approach-content, .testimonial-content, .program-content, .another-diet-content, .peer-reviewed-section-content, .first-3month-content, .end-3month-content, .compare-programs-content, .programs-inner-hero-content, .programs-guide-content, .subscription-wapper-content, .faq-content, .rebates-wapper-content .caption-bar{
        gap: 48px;
    }
    #testimonial_slider .item-bar .item-box{
        padding: 24px;
        gap: 20px;
    }
    .government-partners-section, .media-stories-section{
        padding: 50px 0;
    }
    .real-healthcare-section, .iwl-approach-section, .research-section, .today-easiest-section, .testimonial-section, .program-section, .another-diet-section, .peer-reviewed-section, .first-3month-section, .end-3month-section, .compare-programs-section, .programs-inner-hero-section, .programs-guide-section, .subscription-wapper-section, .weightloss-testimonials-section, .faq-section, .rebates-wapper-content, .login-signup-wapper, .payment-confirmation-wapper, .building-profile-wapper {
        padding: 30px 0;
    }
    .heading-1{
        font-size: 40px;
    }
    .heading-2{
        font-size: 36px;
    }
    .heading-3{
        font-size: 32px;
    }
    .heading-4{
        font-size: 20px;
    }
    .heading-5{
        font-size: 18px;
    }
    .first-3month-content .month-guide-box{
        gap: 24px;
    }
    .first-3month-content .month-guide-box .title-bar{
        gap: 12px;
    }
    .first-3month-content .first-3month-item:nth-child(2){
        gap: 64px
    }
    .first-3month-content .month-guide-box .title-bar h3::before{
        width: 35px;
        height: 35px;
        left: -44px;
    }
    .first-3month-content .first-3month-item:nth-child(2){
        padding-left: 25px;
    }
    .end-3month-content .list-bar .list-box{
        gap: 12px;
    }
    .programs-inner-hero-item .body{
        gap: 20px;
    }
    .programs-inner-hero-content .programs-inner-hero-item:nth-child(1){
        gap: 24px;
    }
    .programs-inner-hero-item .head{
        gap: 12px;
    }
    .programs-guide-content .list-bar .list-box{
        gap: 12px;
    }
    .programs-guide-content .list-bar{
        gap: 48px;
    }
    .faq-content .tab-menu-box{
        width: 100%;
    }
    .accordian-wapper .card-body {
        padding: 0 0 20px 0;
    }
    .faq-content .faq-item:nth-child(1){
        gap: 24px;
    }
    .accordian-wapper .card:nth-child(1){
        border-top: 1px solid rgba(var(--Navy)) !important;
    }

}
/* <------------- max-width: 768px start -------------> */


/* <------------- max-width: 620px start -------------> */
@media (max-width: 620px){

    /* .real-healthcare-content .team-member-bar .img-bar{
        height: 200px;
    } */

}
/* <------------- max-width: 620px start -------------> */

/* <------------- max-width: 576px start -------------> */
@media (max-width: 576px){

    .hero-section .hero-section-item:nth-child(2){
        height: 375px;
    }
    .research-section-item .author-img-bar {
        height: 335px;
        min-height: 335px;
    }
    .fill-btn, .border-btn, .no-border-1x-btn, .no-border-2x-btn{
        width: 100%;
        text-align: center;
    }
    .real-healthcare-content .team-member-bar{
        gap: 16px;
    }
    .research-section-content .research-section-item .bio-box .bio-name{
        max-width: 180px;
    }
    .peer-reviewed-section-content .peer-reviewed-item .book-img-bar{
        height: 220px !important;
    }
    .peer-reviewed-section-content .peer-reviewed-item:nth-child(2){
        padding: 15px;
    }
    .peer-reviewed-item .bio-box{
        align-items: inherit !important;
        gap: 8px;
    }
    .peer-reviewed-item .bio-box .item-box{
        flex-direction: column;
        align-items: start !important;
        gap: 12px;
    }
    .peer-reviewed-item .bio-box .author-img-bar{
        height: auto;
    }
    .peer-reviewed-item .bio-box .img-bar img{
        max-width: 95px !important;
    }
    .real-healthcare-content .team-member-box .bio-bar p, .real-healthcare-content .team-member-box .bio-bar span{
        font-size: 12px !important;
    }
    .real-healthcare-content .team-member-box{
        gap: 20px;
    }
    .peer-reviewed-item .bio-box .bio-name h5{
        font-size: 12px;
    }
    .peer-reviewed-item .bio-box .bio-name p{
        font-size: 10px;
    }
    .programs-inner-hero-content .programs-inner-hero-item:nth-child(2){
        height: 375px;
    }
    .subscription-wapper-box .head-box{
        padding: 32px 24px;
    }
    .subscription-wapper-box .body-box{
        padding: 32px 24px;
    }
    .subscription-wapper-box .plan-wapper-grid{
        grid-template-columns: repeat(1, 1fr);
        gap: 24px;
    }
    .subscription-wapper-box .plan-wapper-grid .plan-wapper-box{
        gap: 16px;
    }
    .signup-wapper .container, .signin-wapper .container{
        max-width: 92% !important;
    }
    .signup-wapper .content-block .form-box{
        padding: 30px 20px;
    }
    .form-wapper, .form-wapper .row{
        row-gap: 16px;
    }
    .form-wapper .input-box{
        gap: 6px;
    }
    .signup-wapper .content-block .form-box{
        gap: 24px;
    }
    .form-wapper .form-control{
        height: 40px;
    }
    .payment-confirmation-wapper .content-block .form-box{
        padding: 30px 20px;
    }
    .payment-confirmation-wapper .content-block .form-box .form-wapper-box{
        gap: 24px;
    }
    .form-wapper .input-box-grid .inner-input-box{
        height: auto;
    }
    .check-radio-btn-bar{
        column-gap: 10px;
    }
    .check-radio-btn-bar.sm-wrap{
        flex-wrap: wrap;
    }
    .check-radio-btn-bar label{
        font-size: 14px;
    }
}
/* <------------- max-width: 576px start -------------> */

/* <------------- max-width: 380px start -------------> */
@media (max-width: 380px){

    

}
/* <------------- max-width: 380px end -------------> */