@media (min-width: 1781px) and (max-width: 2100px) {
.moving-forward .move-card .detail p {
    line-height: 29px !important;
}
}

@media (min-width: 1680px) and (max-width: 1780px) {

    :root {
        --h1-font-size: 145px;
        --h1-line-height: 170px;

        --h2-font-size: 55px;
        --h2-line-height: 65px;

        --h3-font-size: 50px;
        --h3-line-height: 60px;

        --h4-font-size: 33px;
        --h4-line-height: 43px;

        --h5-font-size: 20px;
        --h5-line-height: 20px;

        --h6-font-size: 18px;
        --h6-line-height: 21px;

        --body-font-size: 17px;
        --body-line-height: 30px;
    }
    
    .moving-forward .move-card .detail p {
        line-height: 28px;
    }
    
    .malnutrition_children.v1 .childre-v1 {
        line-height: 28px;
    }

    .malnutrition-types .type-row .detail p {
        line-height: 28px;
    }
    
    .malnutrition_children .chil-row  .cont p {
        line-height: 31px;
    }
    
    .home-banner .banner-text .down-arro {
        margin-top: 80px;
    } 
    
    .home-banner .banner-text {
        padding: 384px 0 100px;
    }
    
    .malnutrition_children.v1 .chil-row {
        padding: 0 100px;
        grid-template-columns: 1fr 52%;
        gap: 70px;
    }
    
    .malnutrition_children.v1 .sub-title {
        padding-left: 100px;
    }
    
    .malnutrition_children.v1 .title .headnig-h4 span {
        padding-left: 100px;
    }

    .modal.sign_modal .modal-content {
        padding: 0px 20px;
    }

    /* Nutrition food */
    .path-forward .path-row {
        grid-template-columns: repeat(3, 1fr);
        gap: 70px;
        margin-top: 50px;
    }
    .path-forward .path-row .path-card .detail {
        padding: 6px 40px;
        height: 104px;
        overflow: auto;
    }

    .global-trends.v1 .content.v1 p:first-child {
        font-size: 23px;
        line-height: 27px;
        margin-bottom: 112px;
    }

    .global-trends.v1 .right .image {
        width: 650px;
        margin-top: 71px;
    }

    .progress-food {
        padding: 10px 0 50px;
    }

    .path-forward {
        padding: 110px 0 90px;
    }

    .malnutrition_children {
        padding: 150px 0 50px;
    }

    .path-forward .path-title .p-heading {
        font-size: 48px;
        line-height: 68px;
        font-weight: 100;
        padding: 5px 0;
    }

    .path-forward .conc-title {
        font-size: 48px;
        line-height: 68px;
        padding: 5px 0;
    }
    
    .path-forward .conclusion .detail-v1 {
        max-width: 85%;
        line-height: 28px;
    }

    /* End Nutrition food */

    /* malnutrition */

    .malnutrition_children .chil-row {
        grid-template-columns: 1fr 60%;
        gap: 85px;
        margin-top: 35px;
    }

    .malnutrition_banner .banner-title .heading-h1 {
        font-size: 90px;
        line-height: 100px;
        max-width: 1080px;
        padding-top: 300px;
    }

    .malnutrition_banner .banner-detail p {
        font-size: 18px;
        line-height: 23px;
        max-width: 602px;
        margin-top: 20px;
    }

    .malnutrition.v2 .title .heading-h3 {
        font-size: 50px;
        line-height: 88px;
    }

     .malnutrition.v2 .headnig-h4 {
        margin-bottom: 10px;
        font-size: 22px;
        line-height: 30px;
    }

    .malnutrition-types {
        padding: 100px 0 100px;
    }

    .global-trends .trends-row {
        padding: 20px 125px 80px;
        grid-template-columns: 1fr 45%;
        gap: 55px;
        margin-top: 28px;
    }

    .global-trends .right .image {
        width: 100%;
        height: max-content;
    }

    .malnutrition .title .heading-h3 {
        margin-bottom: 7px;
        padding-left: 50px;
    }

    .malnutrition .content .detail {
        padding: 10px 0 10px 50px;
        max-width: 660px;
    }

    .malnutrition .content .cta {
        padding: 10px 50px;
    }

    .malnutrition-types .title {
        padding: 3px 0 6px 50px;
    }

    .malnutrition-types .sub-title {
        padding: 15px 0 20px 50px;
        margin-bottom: 34px;
    }

    .malnutrition-types .type-row {
        grid-template-columns: 45% 45%;
        padding: 0 50px;
        gap: 4%;
    }

    .global-trends .title .heading span {
        display: block;
        padding: 10px 0;
        border-top: 1px solid #ffffff8c;
        padding-left: 125px;
    }

    .malnutrition_children .children {
        padding: 100px 70px 40px 70px;
    }

    .moving-forward {
        padding: 120px 0 80px;
    }

    .moving-forward .move-card .card-title .heading-h3 {
        font-size: 45px;
        line-height: 57px;
        margin-bottom: 35px;
    }

    .global-trends {
        position: relative;
        padding: 151px 0px 130px;
    }

    /* end malnutrition */

    .home-banner .banner-text .banner-sub-t {
        padding: 0 290px;
    }

    .banner.home-banner .banner-bottom {
        padding: 0 290px;
    }

    .home-banner .banner-text .calc_bottom {
        margin-top: 258px;
        padding: 0 290px;
    }

    .article31 {
        padding: 160px 0 140px;
    }

    .malnutrition {
        padding: 105px 0 80px;
    }

    .nutritious_diet {
        padding: 260px 0 220px;
    }

    .interviews {
        padding: 150px 0 100px;
    }

    .home-banner .banner-text .pura-sec {
        width: 520px;
        height: 765px;
        top: 165px;
        left: calc(50% - 255px);
        padding: 60px;
    }

    .page__footer .f-row .f-detail p {
        font-size: 22px;
        line-height: 30px;
        padding-top: 10px;
    }

    .page__footer .f-row {
        grid-template-columns: 375px auto;
        gap: 130px;
    }

    .spli-slide-image {
        height: 530px;
        width: 100%;
    }
}

@media (min-width: 1600px) and (max-width: 1679px) {

    :root {
        --h1-font-size: 145px;
        --h1-line-height: 170px;

        --h2-font-size: 55px;
        --h2-line-height: 65px;

        --h3-font-size: 50px;
        --h3-line-height: 60px;

        --h4-font-size: 33px;
        --h4-line-height: 43px;

        --h5-font-size: 20px;
        --h5-line-height: 25px;

        --h6-font-size: 18px;
        --h6-line-height: 21px;

        --body-font-size: 17px;
        --body-line-height: 20px;
    }
       
    .home-banner .banner-text .down-arro {
        margin-top: 80px;
    } 
    
    .home-banner .banner-text {
        padding: 384px 0 100px;
    }

    .malnutrition_children.v1 .chil-row {
        padding: 0 100px;
        grid-template-columns: 1fr 52%;
        gap: 70px;
    }
    
    .malnutrition_children.v1 .sub-title {
        padding-left: 100px;
    }
    
    .malnutrition_children.v1 .title .headnig-h4 span {
        padding-left: 100px;
    }

    .modal.sign_modal .modal-content {
        padding: 0px 20px;
    }
    
    .malnutrition .content .detail p {
        line-height: 27px;
    }
    .global-trends .trends-row .content p {
        font-size: 20px;
        line-height: 25px;
    }
    
    .malnutrition_children .chil-row  .cont p {
        line-height: 27px;
    }

    .malnutrition_children.v1 .childre-v1 p {
        padding-bottom: 10px;
        line-height: 26px;
    }
    
    .header_v1 .navbar-nav .nav-item {
        padding: 44px 15px 15px;
    }
    
    .page__header.sticky .navbar-nav .nav-item {
        padding: 15px 15px 15px;
    }

    /* Nutrition food */
    .malnutrition_banner.nutrition .banner-title .heading-h1 {
        max-width: 85%;
        padding-top: 375px;
    }

    .path-forward .path-row {
        grid-template-columns: repeat(3, 1fr);
        gap: 70px;
        margin-top: 50px;
    }
    .path-forward .path-row .path-card .detail {
        padding: 5px 40px;
        height: 135px;
        overflow: auto;
    }

    .global-trends.v1 .content.v1 p:first-child {
        font-size: 23px;
        line-height: 27px;
        margin-bottom: 90px;
    }

    .global-trends.v1 .right .image {
        width: 95%;
        margin-top: 71px;
    }
    
    .progress-food .progre-detail .progress-row .top p {
        margin-bottom: 20px;
        max-width: 553px;
    }
    
    .progress-food .progre-detail .progress-row .con {
        max-width: 530px;
        margin-top: 77px;
        margin-bottom: 20px;
    }

    .progress-food {
        padding: 10px 0 50px;
    }

    .agricultural-food .agricultural .agric-row .agr-detail p {
        margin-bottom: 15px;
        padding-right: 47px;
    }

    .path-forward {
        padding: 110px 0 90px;
    }

    .malnutrition_children {
        padding: 150px 0 50px;
    }

    .path-forward .path-title .p-heading {
        font-size: 48px;
        line-height: 68px;
        font-weight: 100;
        padding: 5px 0;
    }

    .path-forward .conc-title {
        font-size: 48px;
        line-height: 68px;
        padding: 5px 0;
    }

    .path-forward .conclusion .detail-v1 {
        max-width: 85%;
    }

    .malnutrition_children.v1 .childre-v1 {
        max-width: 44%;
        margin-top: 22px;
        margin-bottom: 50px;
        padding-left: 100px;
    }

    .malnutrition_children.v1 .title .headnig-h4 span {
        padding-left: 100px;
    }

    .malnutrition-types.v1 .title .heading-h4 span {
        padding: 5px 100px;
    }

    .malnutrition-types.v1 .type-row {
        grid-template-columns: 45% 45%;
        padding: 0 100px;
        gap: 4%;
    }

    .global-trends.v1 .trends-row {
        padding: 20px 150px 20px;
        grid-template-columns: 1fr 617px;
        gap: 160px;
        margin-top: 28px;
    }

    .global-trends.v1 .title .heading span {
        padding: 10px 0;
        padding-left: 150px;
    }

    .header_v1 .header-cta {
        padding: 8px 25px !important;
        border-radius: 55px;
    }

    /* End Nutrition food */
    
    /* malnutrition */

    .malnutrition_children .chil-row {
        grid-template-columns: 1fr 53%;
        gap: 100px;
        margin-top: 35px;
    }

    .moving-forward .move-card {
        padding: 70px 60px 85px;
        height: 580px;
    }

    .malnutrition_banner .banner-title .heading-h1 {
        font-size: 90px;
        line-height: 100px;
        max-width: 1080px;
        padding-top: 300px;
    }

    .malnutrition_banner .banner-detail p {
        font-size: 18px;
        line-height: 23px;
        max-width: 602px;
        margin-top: 20px;
    }

    .malnutrition.v2 .title .heading-h3 {
        font-size: 50px;
        line-height: 88px;
    }

    .malnutrition.v2 .headnig-h4 {
        margin-bottom: 10px;
        font-size: 22px;
        line-height: 30px;
    }

    .malnutrition-types {
        padding: 100px 0 100px;
    }

    .global-trends .trends-row {
        padding: 20px 125px 80px;
        grid-template-columns: 1fr 45%;
        gap: 55px;
        margin-top: 28px;
    }

    .global-trends .right .image {
        width: 100%;
        height: max-content;
    }

    .malnutrition .title .heading-h3 {
        margin-bottom: 7px;
        padding-left: 50px;
    }

    .malnutrition .content .detail {
        padding: 10px 0 10px 50px;
        max-width: 653px;
    }

    .malnutrition .content .cta {
        padding: 10px 50px;
    }

    .malnutrition-types .title {
        padding: 3px 0 6px 50px;
    }

    .malnutrition-types .sub-title {
        padding: 15px 0 20px 50px;
        margin-bottom: 34px;
    }

    .malnutrition-types .type-row {
        grid-template-columns: 45% 45%;
        padding: 0 50px;
        gap: 4%;
    }

    .global-trends .title .heading span {
        display: block;
        padding: 10px 0;
        border-top: 1px solid #ffffff8c;
        padding-left: 125px;
    }

    .malnutrition_children .children {
        padding: 100px 70px 40px 70px;
    }

    .moving-forward {
        padding: 100px 0 80px;
    }

    .moving-forward .move-card .card-title .heading-h3 {
        font-size: 40px;
        line-height: 45px;
        margin-bottom: 25px;
    }

    .global-trends {
        position: relative;
        padding: 151px 0px 130px;
    }

    /* end malnutrition */

    .home-banner .banner-text .banner-sub-t {
        padding: 0 240px;
    }

    .banner.home-banner .banner-bottom {
        padding: 0 240px;
    }

    .home-banner .banner-text .calc_bottom {
        margin-top: 258px;
        padding: 0 240px;
    }

    .article31 {
        padding: 160px 0 140px;
    }

    .malnutrition {
        padding: 105px 0 80px;
    }

    .nutritious_diet {
        padding: 260px 0 220px;
    }

    .interviews {
        padding: 150px 0 100px;
    }

    .home-banner .banner-text .pura-sec {
        width: 520px;
        height: 765px;
        top: 165px;
        left: calc(50% - 255px);
        padding: 60px;
    }

    .page__footer .f-row .f-detail p {
        font-size: 22px;
        line-height: 24px;
        padding-top: 10px;
    }

    .page__footer .f-row {
        grid-template-columns: 375px auto;
        gap: 130px;
    }

    .spli-slide-image {
        height: 530px;
        width: 100%;
    }

}

@media (min-width: 1400px) and (max-width: 1599px) {

    :root {
        --h1-font-size: 125px;
        --h1-line-height: 155px;

        --h2-font-size: 45px;
        --h2-line-height: 65px;

        --h3-font-size: 35px;
        --h3-line-height: 45px;

        --h4-font-size: 28px;
        --h4-line-height: 36px;

        --h5-font-size: 18px;
        --h5-line-height: 22px;

        --h6-font-size: 17px;
        --h6-line-height: 21px;

        --body-font-size: 16px;
        --body-line-height: 20px;
    }
    
    
    .moving-forward .move-card .detail p {
        line-height: 24px !important;
    }
    
    .progress-food .progre-detail .progress-row .con {
        max-width: 450px;
        padding-top: 15px;
        padding-bottom: 12px;
    }
        
    .agricultural-food .agricultural {
        padding: 115px 0 117px;
    }
    
    .article31 .cle31-text .titel-v1 .heading-h1 {
        line-height: normal;
        margin: 0;
        padding: 0px;
        height: 150px;
        line-height: 140px;
    }
    
    .article31 .cle31-text .title {
        margin-top: 80px;
    }
    
    .page__footer {
        padding: 140px 0 150px;
    }
    
    .article31 .cle31-text .text-31 {
        padding: 40px 0px 70px;
    }
    
    .home-banner .banner-text .down-arro {
        margin-top: 120px;
    }

    .malnutrition.v2  .content .detail p {
        margin: 0;
    }
    
    .malnutrition_children.v1 .chil-row {
        padding: 0 80px;
        grid-template-columns: 1fr 48%;
        gap: 70px;
    }
    
    .malnutrition_children.v1 .sub-title {
        padding-left: 80px;
    }
    
    .malnutrition_children.v1 .title .headnig-h4 span {
        padding-left: 80px;
    }
    
    .malnutrition-types .type-row .detail p {
        line-height: 27px;
    }
    
    .interviews .inter_detail .sub-scr p {
        line-height: 28px;
    }
    
    .article31 .cle31-text .text-31 p {
        padding-bottom: 5px;
        padding-top: 5px;
        font-size: 18px;
        line-height: 22px;
    }

    .malnutrition_children.v1 .childre-v1 p {
        padding-bottom: 10px;
        line-height: 26px;
    }
    
    .modal.sign_modal .right .content {
        padding: 110px 20px 20px;
        margin-bottom: 20px;
        margin-top: 14px;
    }
    
    .custom-file-upload {
        margin-top: 30px;
    }
    
     .home-banner .banner-text {
        position: relative;
        padding: 300px 0 85px;
    }

    .path-forward .sub-title p {
        font-size: 17px;
    }

    /* Nutrition food */
    
    .global-trends .trends-row .content p {
        font-size: 18px;
        line-height: 24px;
        margin-bottom: 10px;
    }

    .agricultural-food .agricultural .agric-row .agr-detail p {
        margin-bottom: 15px;
        padding-right: 6px;
        font-size: 19px;
        line-height: 24px;
    }
    
    .agricultural-food .agricultural .agric-row .image {
        width: 531px;
        height: 367px;
        margin-top: 0;
    }
    
    .progress-food .progre-detail .progress-row .top p {
        margin-bottom: 20px;
        max-width: 507px;
    }
    
    .progress-food .progre-detail .progress-row .con {
        max-width: 509px;
        margin-top: 30px;
        margin-bottom: 5px;
    }

    .agricultural-food .agricultural .agric-row {
        padding: 0 80px;
        grid-template-columns: 48% 48%;
        gap: 4%;
        margin-top: 35px;
    }

    .agricultural-food .agricultural .title h4 span {
        padding: 5px 0;
        padding-left: 80px;
    }

    .malnutrition_banner.nutrition .banner-title .heading-h1 {
        max-width: 85%;
        padding-top: 285px;
    }

    .malnutrition_banner.nutrition .banner-31 {
        margin-top: 160px;
    }

    .malnutrition_children.v1  .children {
        padding: 111px 0px 120px 0px;
    }

    .global-trends.v1 {
        padding: 150px 0px 123px !important;
    }

    .path-forward .path-row {
        grid-template-columns: repeat(3, 1fr);
        gap: 70px;
        margin-top: 50px;
    }
    
    .path-forward .path-row .path-card .detail {
        padding: 5px 40px;
        height: 140px;
        overflow: auto;
        line-height: 26px;
    }

    .global-trends.v1 .content.v1 p:first-child {
        font-size: 21px;
        line-height: 24px;
        margin-bottom: 80px;
    }

    .global-trends.v1 .right .image {
        width: 80%;
        margin-top: 71px;
    }

    .progress-food {
        padding: 10px 0 50px;
    }

    .path-forward {
        padding: 60px 0 90px;
    }

    .malnutrition_children {
        padding: 150px 0 50px;
    }

    .path-forward .path-title .p-heading {
        font-size: 40px;
        line-height: 60px;
        font-weight: 100;
        padding: 5px 0;
    }

    .path-forward .conc-title {
        font-size: 40px;
        line-height: 60px;
        padding: 5px 0;
    }

    .path-forward .conclusion .detail-v1 {
        max-width: 85%;
        padding-top: 5px;
    }

    .malnutrition_children.v1 .childre-v1 {
        max-width: 49%;
        margin-top: 22px;
        margin-bottom: 50px;
        padding-left: 80px;
    }

    .malnutrition-types.v1 .title .heading-h4 span {
        padding: 5px 80px;
    }

    .malnutrition-types.v1 .type-row {
        grid-template-columns: 45% 45%;
        padding: 0 80px;
        gap: 4%;
    }

    .global-trends.v1 .trends-row {
        padding: 20px 130px 20px;
        grid-template-columns: 1fr 51%;
        gap: 60px;
        margin-top: 28px;
    }

    .progress-food .progre-detail {
        padding: 20px 80px;
    }

    .progress-food .progres-title .heading-h4 {
        padding: 5px 0;
        padding-left: 80px;
    }

    .global-trends.v1 .title .heading span {
        padding: 6px 0;
        padding-left: 130px;
    }

    .header_v1 .header-cta {
        padding: 8px 25px !important;
        border-radius: 55px;
    }

    /* End Nutrition food */

    /* malnutrition */
    .moving-forward .move-row {
        grid-template-columns: 48% 48%;
        gap: 4%;
    }

    .moving-forward .move-card {
        padding: 70px 60px 85px;
        height: 550px;
    }

    .malnutrition_banner .banner-title .heading-h1 {
        font-size: 70px;
        line-height: 88px;
        max-width: 900px;
        padding-top: 300px;
    }

    .malnutrition_banner .banner-detail p {
        font-size: 18px;
        line-height: 23px;
        max-width: 602px;
        margin-top: 20px;
    }

    .malnutrition.v2 .title .heading-h3 {
        font-size: 45px;
        line-height: 80px;
    }

    .malnutrition.v2 .headnig-h4 {
        margin-bottom: 10px;
        font-size: 22px;
        line-height: 30px;
    }

    .malnutrition-types {
        padding: 50px 0 100px;
    }

    .global-trends .trends-row {
        padding: 20px 125px 70px;
        grid-template-columns: 1fr 45%;
        gap: 55px;
        margin-top: 28px;
    }

    .global-trends .right .image {
        width: 100%;
        height: max-content;
    }

    .malnutrition .title .heading-h3 {
        margin-bottom: 7px;
        padding-left: 50px;
    }

    .malnutrition .content .detail {
        padding: 10px 0 10px 50px;
        max-width: 660px;
    }

    .malnutrition .content .cta {
        padding: 10px 50px;
    }

    .malnutrition-types .title {
        padding: 3px 0 6px 50px;
    }

    .malnutrition-types .sub-title {
        padding: 15px 0 20px 50px;
        margin-bottom: 34px;
    }

    .malnutrition-types .type-row {
        grid-template-columns: 47% 47%;
        padding: 0 50px;
        gap: 4%;
    }

    .malnutrition_children .chil-row {
        grid-template-columns: 1fr 55%;
        gap: 80px;
        margin-top: 35px;
    }

    .malnutrition_children {
        padding: 150px 0 60px;
    }

    .malnutrition_banner {
        padding-bottom: 60px;
        height: max-content;
    }

    .global-trends .title .heading span {
        display: block;
        padding: 10px 0;
        border-top: 1px solid #ffffff8c;
        padding-left: 125px;
    }

    .malnutrition_children .children {
        padding: 100px 70px 40px 70px;
    }

    .moving-forward {
        padding: 90px 0 80px;
    }

    .moving-forward .move-card .card-title .heading-h3 {
        font-size: 40px;
        line-height: 45px;
        margin-bottom: 35px;
    }

    .global-trends {
        position: relative;
        padding: 151px 0px 130px;
    }

    /* end malnutrition */


    .cust-container-lg {
        padding: 0 60px;
    }

    .cust-container-md {
        padding: 0 80px;
    }

    .form-control {
        font-size: 20px;
        line-height: 35px;
    }

    .page__footer .footer-form .cta {
        margin-top: 50px;
        margin-bottom: 60px;
    }

    .page__footer .f-row .fot-group .have-sign p {
        font-size: 21px;
        line-height: 28px;
    }

    .progress-container {
        max-width: 410px;
        margin-top: 20px;
    }

    .interviews .inter_detail .s-title p {
        line-height: 33px;
    }

    .header_v1 .navbar-nav .nav-item {
        padding: 44px 10px 15px;
    }

    .page__header.sticky .navbar-nav .nav-item {
        padding: 15px 10px 15px;
    }

    .nutritious_diet .detail P {
        max-width: 666px;
        margin: 0 auto;
        font-size: 18px;
        margin-top: 30px;
    }

    .malnutrition .content .detail {
        padding: 20px 0 10px 50px;
        max-width: 660px;
    }

    .malnutrition .content .cta {
        padding: 10px 50px;
    }

    .malnutrition .title .heading-h3 {
        margin-bottom: 7px;
        padding-left: 50px;
    }

    .malnutrition .content .detail p {
        font-size: 20px;
        line-height: 29px;
        margin-bottom: 0px;
    }

    .home-banner .banner-text .banner-sub-t p {
        max-width: 243px;
    }

    .home-banner .banner-text .banner-sub-t {
        padding: 0 240px;
    }

    .banner.home-banner .banner-bottom {
        padding: 0 240px;
    }

    .home-banner .banner-text .calc_bottom {
        margin-top: 258px;
        padding: 0 240px;
    }

    .article31 {
        padding: 160px 0 140px;
    }

    .malnutrition {
        padding: 105px 0 80px;
    }

    .nutritious_diet {
        padding: 230px 0 220px;
    }
    
    .malnutrition-types.v1 .type-row {
        margin-top: 20px;
    }

    .interviews {
        padding: 150px 0 100px;
    }

    .home-banner .banner-text .pura-sec {
        width: 453px;
        height: 690px;
        top: 165px;
        left: calc(50% - 215px);
        padding: 40px;
    }

    .home-banner .banner-text .pura-sec .pura-t-logo {
        margin-top: -13px;
    }

    .page__footer .f-row .f-detail p {
        font-size: 22px;
        line-height: 26px;
    }

    .page__footer .f-row {
        grid-template-columns: 375px auto;
        gap: 130px;
    }

    .spli-slide-image {
        height: 510px;
        width: 100%;
    }

    .thumbnail_card .image {
        width: 220px;
        height: 118px;
    }

    .interviews .inter_detail {
        max-width: 363px;
        margin-top: 77px;
    }

    /* modal */
    .modal.sign_modal .modal_row {
        grid-template-columns: 42% 45%;
        width: 950px;
        margin-top: 50px;
    }

    .modal.sign_modal .right .content .i-signed .sign-bottom {
        margin-top: 58px;
    }

    .global-trends .title .heading {
        font-size: 40px;
        line-height: 48px;
    }

    /* end */
}

@media (min-width: 1360px) and (max-width: 1399px) {

    :root {
        --h1-font-size: 112px;
        --h1-line-height: 130px;

        --h2-font-size: 42px;
        --h2-line-height: 62px;

        --h3-font-size: 33px;
        --h3-line-height: 43px;

        --h4-font-size: 26px;
        --h4-line-height: 32px;

        --h5-font-size: 18px;
        --h5-line-height: 22px;

        --h6-font-size: 17px;
        --h6-line-height: 21px;

        --body-font-size: 16px;
        --body-line-height: 20px;
    }
    
    .article31 .cle31-text .title {
        margin-top: 60px;
    }
    
    .article31 .cle31-text .text-31 p {
        padding-bottom: 9px;
        font-size: 18px;
        line-height: 23px;
    }

    .malnutrition-types.v1 .type-row {
        margin-top: 20px;
    }
    
    .agricultural-food .agricultural {
        padding: 115px 0 117px;
    }

    .article31 .cle31-text .titel-v1 .heading-h1 {
        line-height: normal;
        margin: 0;
        padding: 0px;
        height: max-content;
    }
    
    .home-banner .banner-text .down-arro {
        margin-top: 125px;
    }

    .malnutrition.v2  .content .detail p {
        margin: 0;
    }

    .malnutrition_children.v1 .chil-row {
        padding: 0 80px;
        grid-template-columns: 1fr 48%;
        gap: 70px;
    }
    
    .malnutrition_children.v1 .sub-title {
        padding-left: 80px;
    }
    
    .malnutrition_children.v1 .title .headnig-h4 span {
        padding-left: 80px;
    }
    
    .modal.sign_modal .right .content {
        padding: 110px 20px 20px;
        margin-bottom: 20px;
        margin-top: 14px;
    }
    
    .custom-file-upload {
        margin-top: 30px;
    }
    
    .home-banner .banner-text {
        position: relative;
        padding: 300px 0 80px;
    }
    
    .path-forward .sub-title p {
        font-size: 16px;
    }
    
    .agricultural-food .agricultural .agric-row .image {
        width: 531px;
        height: 367px;
        margin-top: 0px;
    }

    /* Nutrition food */

    .agricultural-food .agricultural .agric-row {
        padding: 0 80px;
        grid-template-columns: 48% 48%;
        gap: 4%;
        margin-top: 35px;
    }

    .agricultural-food .agricultural .title h4 span {
        padding: 5px 0;
        padding-left: 80px;
    }

    .malnutrition_banner.nutrition .banner-title .heading-h1 {
        max-width: 85%;
        padding-top: 285px;
    }

    .malnutrition_banner.nutrition .banner-31 {
        margin-top: 160px;
    }

    .malnutrition_children.v1  .children {
        padding: 111px 0px 120px 0px;
    }

    .global-trends.v1 {
        padding: 100px 0px 90px !important;
    }

    .path-forward .path-row {
        grid-template-columns: repeat(3, 1fr);
        gap: 50px;
        margin-top: 50px;
    }
    .path-forward .path-row .path-card .detail {
        padding: 0px 40px;
        height: 104px;
        overflow: auto;
    }

    .global-trends.v1 .content.v1 p:first-child {
        font-size: 21px;
        line-height: 25px;
        margin-bottom: 25px;
    }
    
    .progress-food .progre-detail .progress-row .con {
        max-width: 450px;
        padding-top: 15px;
        padding-bottom: 12px;
    }

    .global-trends.v1 .right .image {
        width: 80%;
        margin-top: 71px;
    }

    .progress-food {
        padding: 10px 0 50px;
    }

    .path-forward {
        padding: 60px 0 90px;
    }

    .malnutrition_children {
        padding: 150px 0 50px;
    }

    .path-forward .path-title .p-heading {
        font-size: 38px;
        line-height: 40px;
        font-weight: 100;
        padding: 5px 0;
    }

    .path-forward .conc-title {
        font-size: 28px;
        line-height: 40px;
        padding: 5px 0;
    }

    .path-forward .conclusion .detail-v1 {
        max-width: 85%;
    }

    .malnutrition_children.v1 .childre-v1 {
        max-width: 52%;
        margin-top: 22px;
        margin-bottom: 50px;
        padding-left: 80px;
    }

    .malnutrition_children.v1 .title .headnig-h4 span {
        padding-left: 80px;
    }

    .malnutrition-types.v1 .title .heading-h4 span {
        padding: 5px 80px;
    }

    .malnutrition-types.v1 .type-row {
        grid-template-columns: 45% 45%;
        padding: 0 80px;
        gap: 4%;
    }

    .global-trends.v1 .trends-row {
        padding: 20px 130px 20px;
        grid-template-columns: 1fr 52%;
        gap: 50px;
        margin-top: 28px;
    }

    .malnutrition-types.v1 .type-row .bottom-heading {
        font-size: 25px;
        line-height: 36px;
        max-width: 477px;
        margin-top: 10px;
    }

    .agricultural-food {
        position: relative;
        padding: 140px 0 100px;
    }

    .progress-food .progre-detail {
        padding: 20px 80px;
    }

    .progress-food .progres-title .heading-h4 {
        padding: 5px 0;
        padding-left: 80px;
    }

    .global-trends.v1 .title .heading span {
        padding: 5px 0;
        padding-left: 130px;
    }

    .header_v1 .header-cta {
        padding: 8px 25px !important;
        border-radius: 55px;
    }

    .progress-food .progre-detail .progress-row .iamge {
        max-width: 100%;
    }

    .agricultural-food .agricultural {
        padding: 100px 0 90px;
    }

    .agricultural-food .agricultural .agric-row .agr-detail p {
        font-size: 18px;
        line-height: 22px;
        margin-bottom: 23px;
        padding-right: 2px;
    }

    .progress-food .progre-detail .progress-row .con-v1 {
        font-size: 26px;
        line-height: 37px;
        max-width: 465px;
    }

    /* End Nutrition food */

    /* malnutrition */

    .malnutrition_banner .banner-title .world-icon {
        right: 20px;
        bottom: 13px;
        width: 155px;
        height: 48px;
    }

    .moving-forward .move-row {
        grid-template-columns: 48% 48%;
        gap: 4%;
    }

    .moving-forward .move-card {
        padding: 70px 60px 85px;
        height: 550px;
    }

    .malnutrition_banner .banner-title .heading-h1 {
        font-size: 70px;
        line-height: 88px;
        max-width: 900px;
        padding-top: 300px;
    }

    .malnutrition_banner .banner-detail p {
        font-size: 18px;
        line-height: 23px;
        max-width: 602px;
        margin-top: 20px;
    }

    .malnutrition.v2 .title .heading-h3 {
        font-size: 40px;
        line-height: 75px;
    }

    .malnutrition.v2 .headnig-h4 {
        margin-bottom: 10px;
        font-size: 22px;
        line-height: 30px;
    }

    .malnutrition-types {
        padding: 50px 0 100px;
    }

    .global-trends .trends-row {
        padding: 20px 125px 70px;
        grid-template-columns: 1fr 45%;
        gap: 55px;
        margin-top: 28px;
    }

    .global-trends .right .image {
        width: 100%;
        height: max-content;
    }

    .malnutrition .title .heading-h3 {
        margin-bottom: 7px;
        padding-left: 50px;
    }

    .malnutrition .content .detail {
        padding: 10px 0 10px 50px;
        max-width: 660px;
    }

    .malnutrition .content .cta {
        padding: 10px 50px;
    }

    .malnutrition-types .title {
        padding: 3px 0 6px 50px;
    }

    .malnutrition-types .sub-title {
        padding: 15px 0 20px 50px;
        margin-bottom: 34px;
    }

    .malnutrition-types .type-row {
        grid-template-columns: 47% 47%;
        padding: 0 50px;
        gap: 4%;
    }

    .malnutrition_children .chil-row {
        grid-template-columns: 1fr 55%;
        gap: 80px;
        margin-top: 35px;
    }

    .malnutrition_children {
        padding: 150px 0 60px;
    }

    .malnutrition_banner {
        padding-bottom: 60px;
        height: max-content;
    }

    .global-trends .title .heading span {
        display: block;
        padding: 10px 0;
        border-top: 1px solid #ffffff8c;
        padding-left: 125px;
    }

    .malnutrition_children .children {
        padding: 100px 70px 40px 70px;
    }

    .moving-forward {
        padding: 90px 0 80px;
    }

    .moving-forward .move-card .card-title .heading-h3 {
        font-size: 38px;
        line-height: 45px;
        margin-bottom: 35px;
    }

    .global-trends .title .heading {
        font-size: 36px;
        line-height: 44px;
    }

    .global-trends {
        position: relative;
        padding: 110px 0px 90px;
    }

    /* end malnutrition */

    .cust-container-lg {
        padding: 0 60px;
    }

    .cust-container-md {
        padding: 0 80px;
    }

    .header_v1 .navbar-nav .nav-link {
        font-size: 16px;
    }

    .header_v1 .header-cta {
        padding: 9px 22px !important;
        border-radius: 55px;
    }

    .page__header.sticky .navbar-nav .nav-item {
        padding: 10px 14px 10px;
    }

    .header_v1 .navbar-nav .nav-item {
        padding: 10px 14px 10px;
    }

    .form-control {
        font-size: 20px;
        line-height: 35px;
    }
    
    .cust-form-group label {
        font-size: 23px;
        line-height: 32px;
        margin-top: -20px;
    }

    .page__footer .footer-form .cta {
        margin-top: 50px;
        margin-bottom: 60px;
    }

    .page__footer .f-row .fot-group .have-sign p {
        font-size: 21px;
        line-height: 28px;
    }

    .progress-container {
        max-width: 410px;
        margin-top: 20px;
    }

    .interviews .inter_detail .s-title p {
        line-height: 33px;
    }

    .header_v1 .navbar-nav .nav-item {
        padding: 44px 12px 15px;
    }

    .page__header.sticky .navbar-nav .nav-item {
        padding: 15px 12px 15px;
    }

    .nutritious_diet .detail P {
        max-width: 666px;
        margin: 0 auto;
        font-size: 18px;
        margin-top: 30px;
    }

    .malnutrition .content .detail {
        padding: 10px 0 10px 50px;
        max-width: 660px;
    }

    .malnutrition .content .cta {
        padding: 10px 50px;
    }

    .malnutrition .title .heading-h3 {
        margin-bottom: 7px;
        padding-left: 50px;
    }

    .malnutrition .content .detail p {
        font-size: 20px;
        line-height: 24px;
        margin-bottom: 6px;
    }

    .home-banner .banner-text .banner-sub-t p {
        max-width: 243px;
    }

    .home-banner .banner-text .banner-sub-t {
        padding: 0 195px;
    }

    .banner.home-banner .banner-bottom {
        padding: 0 240px;
    }

    .home-banner .banner-text .calc_bottom {
        margin-top: 258px;
        padding: 0 195px;
    }

    .article31 {
        padding: 120px 0 140px;
    }

    .malnutrition {
        padding: 105px 0 80px;
    }

    .nutritious_diet {
        padding: 260px 0 220px;
    }

    .interviews {
        padding: 150px 0 100px;
    }

    .home-banner .banner-text .pura-sec {
        width: 453px;
        height: 700px;
        top: 165px;
        left: calc(50% - 215px);
        padding: 40px;
    }
    
    .home-banner .banner-text .pura-sec .pura-t-logo {
        margin-top: -15px;
    }

    .page__footer .f-row .f-detail p {
        font-size: 20px;
        line-height: 26px;
    }

    .page__footer .f-row {
        grid-template-columns: 375px auto;
        gap: 130px;
    }

    .spli-slide-image {
        height: 480px;
        width: 100%;
    }

    .thumbnail_card .image {
        width: 220px;
        height: 118px;
    }

     .interviews .inter_detail {
        max-width: 363px;
        margin-top: 53px;
        margin-bottom: 25px;
    }
    
    .page__footer {
        padding: 120px 0 150px;
    }

    /* modal */
    .modal.sign_modal .modal_row {
        grid-template-columns: 44% 44%;
        width: 950px;
        margin-top: 50px;
    }

    .modal.sign_modal .right .content .i-signed .sign-bottom {
        margin-top: 58px;
    }

    /* end */

}

@media (min-width: 1200px) and (max-width: 1359px) {

    :root {
        --h1-font-size: 90px;
        --h1-line-height: 130px;

        --h2-font-size: 35px;
        --h2-line-height: 45px;

        --h3-font-size: 30px;
        --h3-line-height: 42px;

        --h4-font-size: 25px;
        --h4-line-height: 38px;

        --h5-font-size: 18px;
        --h5-line-height: 25px;

        --h6-font-size: 17px;
        --h6-line-height: 24px;

        --body-font-size: 16px;
        --body-line-height: 24px;
    }
    
    .path-forward .conclusion .detail-v1 {
        line-height: 27px;
    }

    
    .home-banner .banner-text .down-arro .icon a img {
        max-width: 25px;
    }
    
    .article31 .cle31-text .title {
        position: relative;
        margin-top: 75px;
    }

    .article31 .cle31-text .titel-v1 .heading-h1 {
        line-height: normal;
        margin: 0;
        padding: 0px;
        height: max-content;
    }
    
    .home-banner .banner-text .down-arro {
        margin-top: 120px;
    }

    .malnutrition.v2  .content .detail p {
        margin: 0;
    }
    
    .malnutrition_children.v1 .chil-row {
        padding: 0 80px;
        grid-template-columns: 1fr 48%;
        gap: 70px;
    }
    
    .malnutrition_children.v1 .sub-title {
        padding-left: 80px;
    }
    
    .malnutrition_children.v1 .title .headnig-h4 span {
        padding-left: 80px;
    }
    
    .global-trends .trends-row .content p {
        font-size: 20px;
        line-height: 27px;
        margin-bottom: 10px;
    }
    
    .article31 .cle31-text .text-31 p {
        line-height: 23px;
        padding-bottom: 5px;
    }

    .moving-forward .move-card .detail p {
        line-height: 25px;
        padding-bottom: 10px;
        padding-top: 10px;
    }
    
    .malnutrition-types .type-row .detail p {
        line-height: 27px;
    }
    
    .malnutrition_children .chil-row  .cont p {
        line-height: 24px;
    }

    .progress-food .progre-detail .progress-row .con {
        margin-top: 28px;
        margin-bottom: 20px;
    }

    .modal.sign_modal .right .content {
        padding: 110px 20px 20px;
        margin-bottom: 20px;
        margin-top: 14px;
    }
    
    .custom-file-upload {
        margin-top: 30px;
    }
    
    .home-banner .banner-text {
        position: relative;
        padding: 340px 0 95px;
    }
    
    .path-forward .sub-title p {
        font-size: 16px;
    }
    
    /* Nutrition food */
    .agricultural-food .agricultural .title h4 span {
        padding: 5px 0;
        padding-left: 80px;
    }

    .agricultural-food .agricultural .agric-row .image {
        width: 100%;
        height: max-content;
        margin-top: 10px;
    }
    
    .malnutrition_banner.nutrition .banner-title .heading-h1 {
        max-width: 85%;
        padding-top: 243px;
    }

    .malnutrition_banner.nutrition .banner-31 {
        margin-top: 160px;
    }

    .malnutrition_children.v1  .children {
        padding: 90px 0px 76px 0px;
    }

    .global-trends.v1 {
        padding: 100px 0px 90px !important;
    }

    .path-forward .path-row {
        grid-template-columns: repeat(3, 1fr);
        gap: 50px;
        margin-top: 50px;
    }
    
    .path-forward .path-row .path-card .detail {
        padding: 16px 40px;
        height: 150px;
        overflow: auto;
        line-height: 21px;
    }

    .global-trends.v1 .content.v1 p:first-child {
        font-size: 18px;
        line-height: 22px;
        margin-bottom: 40px;
    }

    .global-trends.v1 .right .image {
        width: 80%;
        margin-top: 71px;
    }

    .progress-food {
        padding: 10px 0 50px;
    }

    .path-forward {
        padding: 40px 0 70px;
    }

    .malnutrition_children {
        padding: 150px 0 50px;
    }
    
    .path-forward .conclusion {
        margin-top: 55px;
        padding: 50px 30px;
    }

    .agricultural-food {
        padding: 120px 0 150px;
    }

    .path-forward .path-title .p-heading {
        font-size: 38px;
        line-height: 40px;
        font-weight: 100;
        padding: 5px 0;
    }

    .path-forward .conc-title {
        font-size: 28px;
        line-height: 40px;
        padding: 5px 0;
    }

    .path-forward .conclusion .detail-v1 {
        max-width: 85%;
    }

    .malnutrition_children.v1 .childre-v1 {
        max-width: 56%;
        margin-top: 22px;
        margin-bottom: 50px;
        padding-left: 80px;
    }

    .malnutrition_children.v1 .title .headnig-h4 span {
        padding-left: 80px;
    }

    .malnutrition-types.v1 .title .heading-h4 span {
        padding: 5px 80px;
    }

    .malnutrition-types.v1 .type-row {
        grid-template-columns: 45% 45%;
        padding: 0 80px;
        gap: 4%;
    }

    .global-trends.v1 .trends-row {
        padding: 20px 130px 20px;
        grid-template-columns: 1fr 52%;
        gap: 50px;
        margin-top: 28px;
    }

    .malnutrition-types.v1 .type-row .bottom-heading {
        font-size: 20px;
        line-height: 30px;
        max-width: 350px;
        margin-top: 47px;
    }

    .progress-food .progre-detail {
        padding: 20px 80px;
    }

    .progress-food .progres-title .heading-h4 {
        padding: 5px 0;
        padding-left: 80px;
    }

    .global-trends.v1 .title .heading span {
        padding: 5px 0;
        padding-left: 130px;
    }

    .header_v1 .header-cta {
        padding: 8px 25px !important;
        border-radius: 55px;
    }

    .agricultural-food .agricultural .agric-row {
        padding: 0 80px;
        grid-template-columns: 48% 48%;
        gap: 4%;
        margin-top: 35px;
    }

    .progress-food .progre-detail .progress-row .iamge {
        max-width: 100%;
    }

    .agricultural-food .agricultural {
        padding: 100px 0 90px;
    }

    .agricultural-food .agricultural .agric-row .agr-detail p {
        font-size: 19px;
        line-height: 25px;
        margin-bottom: 12px;
        padding-right: 40px;
    }

    .progress-food .progre-detail .progress-row .con-v1 {
        font-size: 22px;
        line-height: 34px;
        max-width: 375px;
    }

    /* End Nutrition food */

    /* malnutrition */
    .malnutrition_banner .banner-31 {
        margin-top: 70px;
    }

    .malnutrition_banner .icon a img {
        max-width: 30px;
    }

    .moving-forward .move-row {
        grid-template-columns: 48% 48%;
        gap: 4%;
    }

    .moving-forward .move-card {
        padding: 60px 40px 60px;
        height: 610px;
    }

    .malnutrition_banner .banner-title .heading-h1 {
        font-size: 55px;
        line-height: 64px;
        max-width: 60%;
        padding-top: 300px;
    }

    .malnutrition_banner .banner-detail p {
        font-size: 18px;
        line-height: 23px;
        max-width: 602px;
        margin-top: 20px;
    }

    .malnutrition.v2 .title .heading-h3 {
        font-size: 37px;
        line-height: 68px;
    }

    .malnutrition.v2 .headnig-h4 {
        margin-bottom: 10px;
        font-size: 18px;
        line-height: 25px;
    }

    .malnutrition-types {
        padding: 50px 0 100px;
    }

    .global-trends .trends-row {
        padding: 20px 125px 60px;
        grid-template-columns: 1fr 45%;
        gap: 55px;
        margin-top: 28px;
    }

    .global-trends .right .image {
        width: 100%;
        height: max-content;
    }

    .malnutrition .title .heading-h3 {
        margin-bottom: 7px;
        padding-left: 50px;
    }

    .malnutrition .content .detail {
        padding: 10px 0 10px 50px;
        max-width: 660px;
    }

    .malnutrition .content .cta {
        padding: 10px 50px;
    }

    .malnutrition-types .title {
        padding: 3px 0 6px 50px;
    }

    .malnutrition-types .sub-title {
        padding: 15px 0 20px 50px;
        margin-bottom: 34px;
    }

    .malnutrition-types .type-row {
        grid-template-columns: 47% 47%;
        padding: 0 50px;
        gap: 4%;
    }

    .malnutrition_children .chil-row {
        grid-template-columns: 1fr 55%;
        gap: 45px;
        margin-top: 35px;
    }

    .malnutrition_children {
        padding: 150px 0 60px;
    }

    .malnutrition_banner {
        padding-bottom: 60px;
        height: max-content;
    }
    
    .malnutrition_banner .banner-31 p {
        font-size: 34px;
        line-height: 47px;
    }


    .global-trends .title .heading span {
        display: block;
        padding: 10px 0;
        border-top: 1px solid #ffffff8c;
        padding-left: 125px;
    }

    .malnutrition_children .children {
        padding: 100px 70px 40px 70px;
    }

    .moving-forward {
        padding: 90px 0 80px;
    }

    .moving-forward .move-card .card-title .heading-h3 {
        font-size: 40px;
        line-height: 41px;
        margin-bottom: 25px;
    }

    .global-trends .title .heading {
        font-size: 30px;
        line-height: 40px;
    }

    .global-trends {
        position: relative;
        padding: 110px 0px 220px;
    }

    .malnutrition_banner .banner-title .world-icon {
        right: 20px;
        bottom: 5px;
        width: 155px;
        height: 48px;
    }

    /* end malnutrition */

    .cust-container-lg {
        padding: 0 60px;
    }

    .cust-container-md {
        padding: 0 80px;
    }

    .malnutrition .content {
        height: 700px;
        padding-top: 80px;
    }

    .header_v1 .navbar-nav .nav-link {
        font-size: 16px;
    }

    .header_v1 .header-cta {
        padding: 9px 22px !important;
        border-radius: 55px;
    }

    .page__header.sticky .navbar-nav .nav-item {
        padding: 10px 14px 10px;
    }

    .header_v1 .navbar-nav .nav-item {
        padding: 10px 14px 10px;
    }
    
    .cust-form-group label {
        font-size: 23px;
        line-height: 32px;
        margin-top: -20px;
    }
    
    .thumbnail_card .detail p {
        font-size: 13px;
    }

    .form-control {
        font-size: 20px;
        line-height: 35px;
    }

    .page__footer .footer-form .cta {
        margin-top: 50px;
        margin-bottom: 60px;
    }

    .page__footer .f-row .fot-group .have-sign p {
        font-size: 21px;
        line-height: 28px;
    }

    .progress-container {
        max-width: 410px;
        margin-top: 20px;
    }

    .interviews .inter_detail .s-title p {
        line-height: 33px;
    }

    .header_v1 .navbar-nav .nav-item {
        padding: 44px 12px 15px;
    }

    .page__header.sticky .navbar-nav .nav-item {
        padding: 15px 12px 15px;
    }

    .nutritious_diet .detail P {
        max-width: 666px;
        margin: 0 auto;
        font-size: 18px;
        margin-top: 30px;
    }

    .malnutrition .content .detail {
        padding: 10px 0 10px 50px;
        max-width: 660px;
    }

    .malnutrition .content .cta {
        padding: 10px 50px;
    }

    .malnutrition .title .heading-h3 {
        margin-bottom: 7px;
        padding-left: 50px;
    }

    .malnutrition .content .detail p {
        font-size: 20px;
        line-height: 26px;
        margin-bottom: 0px;
        padding-bottom: 16px;
    }

    .home-banner .banner-text .banner-sub-t p {
        max-width: 243px;
    }

    .home-banner .banner-text .banner-sub-t {
        padding: 0 160px;
    }

    .banner.home-banner .banner-bottom {
        padding: 0 238px;
    }

    .home-banner .banner-text .calc_bottom {
        margin-top: 258px;
        padding: 0 160px;
    }

    .article31 {
        padding: 130px 0 140px;
    }
    
    .interviews .inter_detail .sub-scr p {
        line-height: 24px;
    }
    
    .page__footer {
        padding: 120px 0 160px;
    }

    .malnutrition {
        padding: 105px 0 50px;
    }

    .nutritious_diet {
        padding: 200px 0 220px;
    }

    .interviews {
        padding: 150px 0 100px;
    }

    .home-banner .banner-text .pura-sec {
        width: 453px;
        height: 743px;
        top: 165px;
        left: calc(50% - 215px);
        padding: 40px;
    }

    .home-banner .banner-text .pura-sec .pura-t-logo {
        margin-top: 10px;
    }

    .page__footer .f-row .f-detail p {
        font-size: 18px;
        line-height: 24px;
    }

    .page__footer .f-row {
        grid-template-columns: 300px auto;
        gap: 90px;
    }

    .spli-slide-image {
        height: 480px;
        width: 100%;
    }

    .thumbnail_card .image {
        width: 220px;
        height: 118px;
    }

    .interviews .inter_detail {
        max-width: 363px;
        margin-top: 77px;
    }

    .page__footer .f-row .fot-group {
        max-width: 500px;
        margin-top: 140px;
    }

    /* modal */
    .modal.sign_modal .modal_row {
        grid-template-columns: 44% 45%;
        width: 75%;
        margin-top: 40px;
    }

    .modal.sign_modal .right .content .i-signed .sign-bottom {
        margin-top: 58px;
    }

    /* end */
}

@media (min-width: 992px) and (max-width: 1199px) {

    :root {
        --h1-font-size: 90px;
        --h1-line-height: 120px;

        --h2-font-size: 35px;
        --h2-line-height: 55px;

        --h3-font-size: 30px;
        --h3-line-height: 42px;

        --h4-font-size: 25px;
        --h4-line-height: 37px;

        --h5-font-size: 18px;
        --h5-line-height: 32px;

        --h6-font-size: 17px;
        --h6-line-height: 30px;

        --body-font-size: 16px;
        --body-line-height: 29px;
    }
    
    .article31 .cle31-text .titel-v1 .heading-h1 {
        line-height: normal;
        margin: 0;
        padding: 0px;
        height: max-content;
    }
    
    .home-banner .banner-text .down-arro .icon a img {
        max-width: 35px;
    }
    
    .home-banner .banner-text .down-arro {
        margin-top: 80px;
    }

    .malnutrition_children.v1 .chil-row {
        padding: 0 60px;
        grid-template-columns: 100%;
        gap: 70px;
    }
    
    .malnutrition_children.v1 .sub-title {
        padding-left: 60px;
    }
    
    .malnutrition_children.v1 .title .headnig-h4 span {
        padding-left: 60px;
    }
    

    .article31 .cle31-text .text-31 p {
        padding-bottom: 20px;
        font-size: 18px;
        line-height: 23px;
    }
    
    .global-trends .trends-row .content p {
        font-size: 20px;
        line-height: 29px;
        padding-top: 10px;
    }

    .modal.sign_modal .right .content {
        padding: 110px 20px 20px;
        margin-bottom: 20px;
        margin-top: 14px;
    }
    
    .custom-file-upload {
        margin-top: 30px;
    }
    
    .path-forward .sub-title p {
        font-size: 16px;
    }
    
    /* Nutrition food */

    .malnutrition_banner.nutrition .down-arro {
        margin-top: 20px;
    }

    .agricultural-food .agricultural .title h4 span {
        padding: 5px 0;
        padding-left: 60px;
    }

    .agricultural-food .agricultural .agric-row .image {
        width: 75%;
        height: max-content;
        margin-top: 10px;
    }

    .malnutrition_banner.nutrition .banner-title .heading-h1 {
        max-width: 85%;
        padding-top: 200px;
    }

    .malnutrition_banner.nutrition .banner-31 {
        margin-top: 100px;
    }

    .malnutrition_children.v1  .children {
        padding: 111px 0px 120px 0px;
    }

    .global-trends.v1 {
        padding: 100px 0px 90px !important;
        background-position: 76% center;
    }

    .path-forward .path-row {
        grid-template-columns: repeat(3, 1fr);
        gap: 30px;
        margin-top: 50px;
    }
    .path-forward .path-row .path-card .detail {
        padding: 5px 0px;
        height: 140px;
        overflow: auto;
        line-height: 28px;
    }

    .global-trends.v1 .content.v1 p:first-child {
        font-size: 18px;
        line-height: 23px;
        margin-bottom: 0px;
        padding-bottom: 31px;
    }

    .global-trends.v1 .right .image {
        width: 80%;
        height: max-content;
        margin-top: 10px;
    }

    .progress-food {
        padding: 10px 0 50px;
    }

    .path-forward {
        padding: 40px 0 70px;
    }

    .malnutrition_children {
        padding: 150px 0 50px;
    }

    .agricultural-food {
        padding: 100px 0 60px;
    }

    .path-forward .path-title .p-heading {
        font-size: 28px;
        line-height: 40px;
        font-weight: 100;
        padding: 5px 0;
    }

    .path-forward .conc-title {
        font-size: 28px;
        line-height: 40px;
        padding: 5px 0;
    }

    .path-forward .conclusion .detail-v1 {
        max-width: 100%;
    }

    .malnutrition_children.v1 .childre-v1 {
        max-width: 90%;
        margin-top: 22px;
        margin-bottom: 50px;
        padding-left: 60px;
        line-height: 25px;
    }

    .malnutrition_children.v1 .title .headnig-h4 span {
        padding-left: 60px;
    }

    .malnutrition-types.v1 .title .heading-h4 span {
        padding: 5px 60px;
    }

    .malnutrition-types.v1 .type-row {
        grid-template-columns: 100%;
        padding: 0 60px;
        gap: 30px;
    }

    .global-trends.v1 .trends-row {
        padding: 20px 100px 20px;
        grid-template-columns: 100%;
        gap: 30px;
        margin-top: 28px;
    }

    .malnutrition-types.v1 .type-row .bottom-heading {
        font-size: 20px;
        line-height: 30px;
        max-width: 350px;
        margin-top: 47px;
    }

    .progress-food .progre-detail {
        padding: 20px 60px;
    }

    .progress-food .progres-title .heading-h4 {
        padding: 5px 0;
        padding-left: 60px;
    }

    .global-trends.v1 .title .heading span {
        padding: 5px 0;
        padding-left: 100px;
    }

    .header_v1 .header-cta {
        padding: 8px 25px !important;
        border-radius: 55px;
    }

    .agricultural-food .agricultural .agric-row {
        padding: 0 60px;
        grid-template-columns: 100%;
        gap: 30px;
        margin-top: 35px;
    }

    .progress-food .progre-detail .progress-row .iamge {
        max-width: 70%;
    }

    .progress-food .progre-detail .progress-row .con {
        max-width: 100%;
        padding-top: 40px;
        padding-bottom: 25px;
    }
    
    
    .progress-food .progre-detail .progress-row .con p {
        line-height: 28px !important;
    }

    .agricultural-food .agricultural {
        padding: 100px 0 50px;
        background-position: 80% center;
    }
    
    .agricultural-food .agricultural::after {
        position: absolute;
        content: "";
        left: 0;
        top: 0;
        background: #00000063;
        height: 100%;
        width: 100%;
    }

    .agricultural-food .agricultural .agric-row .agr-detail p {
        font-size: 18px;
        line-height: 26px;
        margin-bottom: 12px;
        padding-right: 40px;
        padding-top: 10px;
    }

    .path-forward .sub-title p {
        font-size: 17px;
    }

    .path-forward .conclusion {
        margin-top: 55px;
        padding: 30px 60px 50px;
    }

    .progress-food .progre-detail .progress-row {
        grid-template-columns: 100%;
        gap: 50px;
    }

    .progress-food .progre-detail .progress-row .con-v1 {
        font-size: 22px;
        line-height: 34px;
        max-width: 100%;
    }

    .progress-food .progre-detail .progress-row .top p {
        margin-bottom: 20px;
        max-width: 100%;
        line-height: 24px;
    }

    /* End Nutrition food */

    /* malnutrition */

    .malnutrition_banner .down-arro {
        margin-top: 45px;
    }

    .malnutrition-types .type-row .cust-img {
        width: 85%;
    }

    .moving-forward .move-row {
        grid-template-columns: 100%;
        gap: 4%;
    }

    .moving-forward .move-card {
        padding: 60px 40px 60px;
        height: max-content;
    }

    .malnutrition_banner .banner-title .heading-h1 {
        font-size: 55px;
        line-height: 64px;
        max-width: 75%;
        padding-top: 220px;
    }

    .malnutrition_banner .banner-detail p {
        font-size: 18px;
        line-height: 23px;
        max-width: 602px;
        margin-top: 20px;
    }

    .malnutrition.v2 .title .heading-h3 {
        font-size: 30px;
        line-height: 56px;
    }

    .malnutrition.v2 .headnig-h4 {
        margin-bottom: 2px;
        font-size: 18px;
        line-height: 25px;
    }

    .malnutrition-types {
        padding: 50px 0 100px;
    }

    .global-trends .trends-row {
        padding: 20px 50px 30px;
        grid-template-columns: 100%;
        gap: 55px;
        margin-top: 28px;
    }

    .global-trends .right .image {
        width: 100%;
        height: max-content;
    }

    .malnutrition .title .heading-h3 {
        margin-bottom: 7px;
        padding-left: 50px;
    }

    .malnutrition .content .detail {
        padding: 10px 0 10px 50px;
        max-width: 660px;
    }

    .malnutrition .content .cta {
        padding: 10px 0px;
    }

    .malnutrition-types .title {
        padding: 3px 0 6px 0px;
    }

    .malnutrition-types .sub-title {
        padding: 15px 0 20px 0px;
        margin-bottom: 34px;
    }

    .malnutrition-types .type-row {
        grid-template-columns: 100%;
        padding: 0 0px;
        gap: 4%;
    }

    .malnutrition_children .chil-row {
        grid-template-columns: 100%;
        gap: 45px;
        margin-top: 35px;
    }

    .malnutrition_children {
        padding: 100px 0 40px;
    }

    .malnutrition_banner {
        padding-bottom: 60px;
        height: max-content;
    }

    .global-trends .title .heading span {
        display: block;
        padding: 10px 0;
        border-top: 1px solid #ffffff8c;
        padding-left: 50px;
    }

    .malnutrition_children .children {
        padding: 100px 50px 40px 40px;
    }

    .moving-forward {
        padding: 40px 0 80px;
    }

    .moving-forward .bottom p {
        margin-top: 90px;
    }

    .moving-forward .move-card .card-title .heading-h3 {
        font-size: 35px;
        line-height: 43px;
        margin-bottom: 25px;
    }

    .malnutrition_banner .banner-31 {
        margin-top: 60px;
    }

    .malnutrition_banner .icon a img {
        max-width: 30px;
    }

    .global-trends .title .heading {
        font-size: 30px;
        line-height: 40px;
    }

    .global-trends {
        position: relative;
        padding: 110px 0px 90px;
    }

    .malnutrition_banner .banner-title .world-icon {
        right: 18px;
        bottom: 10px;
        width: 112px;
        height: 33px;
    }

    /* end malnutrition */

    .cust-container-lg {
        padding: 0 40px;
    }

    .cust-container-md {
        padding: 0 60px;
    }

    .malnutrition .content {
        height: 700px;
        padding-top: 80px;
    }

    .header_v1 .navbar-nav .nav-link {
        font-size: 13px;
    }

    .header_v1 .header-cta {
        padding: 9px 17px !important;
        border-radius: 55px;
    }

    .page__header.sticky .navbar-nav .nav-item {
        padding: 10px 14px 10px;
    }

    .header_v1 .navbar-nav .nav-item {
        padding: 10px 14px 10px;
    }
    
    .cust-form-group label {
        font-size: 23px;
        line-height: 32px;
        margin-top: -10px;
    }

    .form-control {
        font-size: 20px;
        line-height: 35px;
    }

    .page__footer .footer-form .cta {
        margin-top: 50px;
        margin-bottom: 60px;
    }

    .page__footer .f-row .fot-group .have-sign p {
        font-size: 21px;
        line-height: 28px;
    }

    .progress-container {
        max-width: 410px;
        margin-top: 20px;
    }

    .interviews .inter_detail .s-title p {
        line-height: 33px;
    }

    .header_v1 .navbar-nav .nav-item {
        padding: 44px 9px 15px;
    }

    .page__header.sticky .navbar-nav .nav-item {
        padding: 15px 9px 15px;
    }

    .nutritious_diet .detail P {
        max-width: 666px;
        margin: 0 auto;
        font-size: 18px;
        line-height: 25px;
        margin-top: 30px;
    }

    .malnutrition .content .detail {
        padding: 30px 0 10px 40px;
        max-width: 660px;
    }

    .malnutrition .content .cta {
        padding: 10px 50px;
    }

    .malnutrition .title .heading-h3 {
        margin-bottom: 7px;
        padding-left: 40px;
    }

    .malnutrition-types .cust-img.mar-t {
        margin-top: 50px;
    }

    .malnutrition .content .detail p {
        font-size: 20px;
        line-height: 24px;
        padding-bottom: 20px;
    }

    .home-banner .banner-text .banner-sub-t p {
        max-width: 243px;
        line-height: 24px;
    }

    .home-banner .banner-text .banner-sub-t {
        padding: 0 50px;
    }

    .banner.home-banner .banner-bottom {
        padding: 0 135px;
    }

    .home-banner .banner-text .calc_bottom {
        margin-top: 240px;
        padding: 0 50px;
    }
        
    .home-banner .banner-text {
        padding: 309px 0 90px;
    }

    .article31 {
        padding: 101px 0 90px;
    }

    .article31 .cle31-text .title {
        margin-top: 67px;
    }

    .malnutrition {
        padding: 105px 0 40px;
    }

    .nutritious_diet {
        padding: 260px 0 220px;
    }

    .interviews {
        padding: 150px 0 100px;
    }
        
    .home-banner .banner-text .pura-sec {
        width: 40%;
        height: max-content;
        top: 165px;
        left: calc(60% - 30%);
        padding: 40px 12px 30px;
    }
    
    .theme-btn {
        padding: 5px 30px;
    }
    
    .home-banner .banner-text .pura-sec .pura-text p {
        margin-top: 255px;
        font-size: 16px;
        line-height: 21px;
    }

    .home-banner .banner-text .pura-sec .pura-t-logo {
        margin-top: 0px;
    }

    .page__footer .f-row .f-detail p {
        font-size: 18px;
        line-height: 26px;
    }

    .page__footer .f-row {
        grid-template-columns: 300px auto;
        gap: 90px;
    }

    .spli-slide-image {
        height: 400px;
        width: 100%;
    }

    .thumbnail_card .detail p {
        font-size: 13px;
        padding-bottom: 5px;
    }

    .slider-container {
        grid-template-columns: 40% 58%;
        gap: 2%;
        margin-top: -207px;
    }

    .thumbnail_card .image {
        width: 160x;
        height: 90px;
    }

    .interviews .inter_detail {
        max-width: 363px;
        margin-top: 77px;
    }

    .page__footer .f-row .fot-group {
        max-width: 500px;
        margin-top: 140px;
    }

    .page__footer .f-row .sub-title p {
        font-size: 22px;
        margin-bottom: 20px;
        margin-top: 55px;
    }

    /* modal */
  .modal.sign_modal .modal_row {
        grid-template-columns: 37% 55%;
        width: 77%;
        margin-top: 30px;
    }

    .modal.sign_modal .right .content .i-signed .sign-bottom {
        margin-top: 58px;
    }
    
    .malnutrition_banner .banner-31 p {
        font-size: 38px;
        line-height: 50px;
    }

    /* end */
}

@media (min-width: 768px) and (max-width: 991px) {

    :root {
        --h1-font-size: 75px;
        --h1-line-height: 95px;

        --h2-font-size: 28px;
        --h2-line-height: 42px;

        --h3-font-size: 25px;
        --h3-line-height: 36px;

        --h4-font-size: 22px;
        --h4-line-height: 33px;

        --h5-font-size: 17px;
        --h5-line-height: 32px;

        --h6-font-size: 16px;
        --h6-line-height: 27px;

        --body-font-size: 15px;
        --body-line-height: 26px;
    }
    
    .article31 .cle31-text .titel-v1 .heading-h1 {
        line-height: normal;
        margin: 0;
        padding: 0px;
        height: max-content;
    }
    
    .modal.sign_modal .right {
        max-width: 415px;
        margin: 0 auto;
    }

    .home-banner .banner-text .down-arro .icon a img {
        max-width: 30px;
    }

    .malnutrition_children.v1 .chil-row {
        padding: 0 40px;
        grid-template-columns: 100%;
        gap: 60px;
    }
    
    .malnutrition_children.v1 .sub-title {
        padding-left: 40px;
    }
    
    .malnutrition_children.v1 .title .headnig-h4 span {
        padding-left: 40px;
    }
    
    .moving-forward .move-card .detail p {
        line-height: 22px !important;
        padding-bottom: 5px;
        padding-top: 5px;
    }

    .malnutrition_children .chil-row  .cont p {
        line-height: 25px;
    }
    .malnutrition-types .type-row .detail p {
        line-height: 28px !important;
        padding-bottom: 10px !important;
    }
    
    .malnutrition.v2  .content .detail p {
        font-size: 19px;
        line-height: 31px;
        margin-bottom: 8px;
        padding-bottom: 0px;
        padding-top: 0px !important;
    }

    .modal.sign_modal.show {
        padding-top: 15px;
    }
    
    .modal.sign_modal .right .share .s-list {
        padding-left: 0px;
        padding-top: 4px;
    }
    
    .modal.sign_modal .right .content .sign-sub-t p {
        font-size: 15px;
        line-height: 18px;
        margin-top: 5px;
    }

    .modal.sign_modal .right .content .i-signed {
        margin-top: -130px;
        padding: 15px 0 21px;
    }
    
    .custom-file-upload .upload-button {
        padding: 7px 13px;
        font-size: 14px;
    }

    .modal.sign_modal .right .content {
        padding: 125px 20px 20px;
        margin-bottom: 20px;
        margin-top: 14px;
    }
    
    .custom-file-upload {
        margin-top: 30px;
    }
    
    .modal.sign_modal .right .partner {
        grid-template-columns: 33% 50%;
        margin-top: 20px;
    }

       
    /* Nutrition food */

    .article31 .cle31-text .text-31 p {
        padding-bottom: 10px;
        font-size: 17px;
        line-height: 24px;
        height: max-content !important;
    }
    
    .global-trends .trends-row .content p {
        font-size: 18px;
        line-height: 24px;
        margin-bottom: 12px;
    }
    
    .malnutrition_banner.nutrition .down-arro {
        margin-top: 70px;
    }

    .agricultural-food .agricultural .title h4 span {
        padding: 5px 0;
        padding-left: 40px;
    }

    .agricultural-food .agricultural .agric-row .image {
        width: 75%;
        height: max-content;
        margin-top: 10px;
    }

    .malnutrition_banner.nutrition .banner-title .heading-h1 {
        max-width: 85%;
        padding-top: 200px;
    }

    .malnutrition_banner.nutrition .banner-31 {
        margin-top: 100px;
    }

    .malnutrition_children.v1  .children {
        padding: 111px 0px 120px 0px;
    }

    .global-trends.v1 {
        padding: 100px 0px 90px !important;
        background-position: 85% center;
    }

    .path-forward .path-row {
        grid-template-columns: repeat(3, 1fr);
        gap: 30px;
        margin-top: 50px;
    }
    
    .path-forward .path-row .path-card .detail {
        padding: 0px 0px;
        height: 210px;
        overflow: auto;
    }

    .path-forward .path-row .path-card .detail {
        line-height: 28px !important;
        padding-top: 23px;
        height: 190px;
    }

    .global-trends.v1 .content.v1 p:first-child {
        font-size: 18px;
        line-height: 24px;
        margin-bottom: 20px;
    }

    .global-trends.v1 .right .image {
        width: 80%;
        height: max-content;
        margin-top: 10px;
    }

    .progress-food {
        padding: 10px 0 50px;
    }

    .path-forward {
        padding: 30px 0 70px;
    }

    .malnutrition_children {
        padding: 150px 0 50px;
    }

    .agricultural-food {
        padding: 120px 0 80px;
    }

    .path-forward .path-title .p-heading {
        font-size: 28px;
        line-height: 40px;
        font-weight: 100;
        padding: 5px 0;
    }

    .path-forward .conc-title {
        font-size: 28px;
        line-height: 40px;
        padding: 5px 0;
    }

    .path-forward .conclusion .detail-v1 {
        max-width: 100%;
        line-height: 35px !important;
    }

    .malnutrition_children.v1 .childre-v1 {
        max-width: 90%;
        margin-top: 22px;
        margin-bottom: 50px;
        padding-left: 40px;
        line-height: 28px;
    }

    .malnutrition_children.v1 .title .headnig-h4 span {
        padding-left: 40px;
    }

    .malnutrition-types.v1 .title .heading-h4 span {
        padding: 5px 40px;
    }

    .malnutrition-types.v1 .type-row {
        grid-template-columns: 100%;
        padding: 0 40px;
        gap: 30px;
        margin-top: 25px;
    }

    .global-trends.v1 .trends-row {
        padding: 20px 40px 20px;
        grid-template-columns: 100%;
        gap: 30px;
        margin-top: 28px;
    }

    .malnutrition-types.v1 .type-row .bottom-heading {
        font-size: 20px;
        line-height: 30px;
        max-width: 350px;
        margin-top: 35px;
    }

    .progress-food .progre-detail {
        padding: 20px 40px;
    }

    .progress-food .progres-title .heading-h4 {
        padding: 5px 0;
        padding-left: 40px;
    }

    .global-trends.v1 .title .heading span {
        padding: 5px 0;
        padding-left: 40px;
    }

    .header_v1 .header-cta {
        padding: 8px 25px !important;
        border-radius: 55px;
    }

    .agricultural-food .agricultural .agric-row {
        padding: 0 40px;
        grid-template-columns: 100%;
        gap: 30px;
        margin-top: 35px;
    }

    .progress-food .progre-detail .progress-row .iamge {
        max-width: 70%;
    }

    .progress-food .progre-detail .progress-row .con {
        max-width: 100%;
        padding-top: 25px;
        padding-bottom: 20px;
    }
    
    .path-forward .path-row .path-card .c-tite {
        height: 78px;
    }

    .agricultural-food .agricultural {
        padding: 100px 0 60px;
        background-position: right center;
    }

    .agricultural-food .agricultural::after {
        position: absolute;
        content: "";
        left: 0;
        top: 0;
        background: #00000063;
        height: 100%;
        width: 100%;
    }

    .agricultural-food .agricultural .agric-row .agr-detail p {
        font-size: 18px;
        line-height: 24px;
        margin-bottom: 12px;
        padding-right: 40px;
    }

    .path-forward .sub-title p {
        font-size: 17px;
    }

     .path-forward .conclusion {
        margin-top: 55px;
        padding: 30px 45px 50px;
    }

    .progress-food .progre-detail .progress-row {
        grid-template-columns: 100%;
        gap: 50px;
    }

    .progress-food .progre-detail .progress-row .con-v1 {
        font-size: 19px;
        line-height: 28px;
        max-width: 100%;
    }

    .progress-food .progre-detail .progress-row .top p {
        margin-bottom: 20px;
        max-width: 100%;
    }

    /* End Nutrition food */

    /* malnutrition */

    .malnutrition_banner .down-arro {
        position: relative;
        margin-top: 60px;
    }

    .malnutrition-types .type-row .cust-img {
        width: 85%;
    }

    .moving-forward .move-row {
        grid-template-columns: 100%;
        gap: 4%;
    }

    .moving-forward .move-card {
        padding: 60px 40px 60px;
        height: max-content;
    }

    .malnutrition_banner .banner-title .heading-h1 {
        font-size: 46px;
        line-height: 58px;
        max-width: 75%;
        padding-top: 215px;
    }

    .malnutrition_banner .banner-detail p {
        font-size: 16px;
        line-height: 21px;
        max-width: 80%;
        margin-top: 10px;
    }

    .malnutrition.v2 .title .heading-h3 {
        font-size: 30px;
        line-height: 56px;
    }

    .malnutrition.v2 .headnig-h4 {
        margin-bottom: 6px;
        font-size: 18px;
        line-height: 25px;
        margin-top: 13px;
    }

    .malnutrition-types {
        padding: 50px 0 100px;
    }

    .global-trends .trends-row {
        padding: 20px 50px 60px;
        grid-template-columns: 100%;
        gap: 55px;
        margin-top: 28px;
    }

    .global-trends .right .image {
        width: 100%;
        height: max-content;
    }

    .malnutrition .title .heading-h3 {
        margin-bottom: 7px;
        padding-left: 50px;
    }

    .malnutrition .content .detail {
        padding: 10px 0 10px 50px;
        max-width: 660px;
    }

    .malnutrition .content .cta {
        padding: 10px 0px;
    }

    .malnutrition-types .title {
        padding: 3px 0 6px 0px;
    }

    .malnutrition-types .sub-title {
        padding: 15px 0 20px 0px;
        margin-bottom: 34px;
    }

    .malnutrition-types .type-row {
        grid-template-columns: 100%;
        padding: 0 0px;
        gap: 4%;
    }

    .malnutrition_children .chil-row {
        grid-template-columns: 100%;
        gap: 45px;
        margin-top: 35px;
    }

    .malnutrition_children {
        padding: 150px 0 60px;
    }

    .malnutrition_banner {
        padding-bottom: 60px;
        height: max-content;
    }

    .global-trends .title .heading span {
        display: block;
        padding: 10px 0;
        border-top: 1px solid #ffffff8c;
        padding-left: 50px;
    }

    .malnutrition_children .children {
        padding: 100px 50px 40px 40px;
    }

    .moving-forward {
        padding: 90px 0 80px;
    }

    .moving-forward .bottom p {
        margin-top: 90px;
    }

    .moving-forward .move-card .card-title .heading-h3 {
        font-size: 28px;
        line-height: 35px;
        margin-bottom: 25px;
    }

    .malnutrition_banner .banner-31 {
        margin-top: 50px;
    }

    .malnutrition_banner .icon a img {
        max-width: 30px;
    }

    .global-trends .title .heading {
        font-size: 27px;
        line-height: 37px;
    }

    .global-trends {
        position: relative;
        padding: 80px 0px 70px;
    }

    .malnutrition_banner .banner-title .world-icon {
        right: 100px;
        bottom: -155px;
        width: 112px;
        height: 33px;
    }

    /* end malnutrition */

    .mobile-menu {
        display: block;
    }

    .cust-container-lg {
        padding: 0 20px;
    }

    .cust-container-md {
        padding: 0 40px;
    }

    .malnutrition .content {
        height: max-content;
        padding-top: 80px;
    }
    
    .malnutrition.v2 .content {
        height: max-content;
        padding-top: 80px;
        padding-bottom: 70px;
    }

    .header_v1 .navbar-nav .nav-link {
        font-size: 20px;
        padding: 8px 0px;
    }

    .header_v1 .header-cta {
        padding: 9px 17px !important;
        border-radius: 55px;
    }

    .page__header.sticky .navbar-nav .nav-item {
        padding: 10px 14px 10px;
    }

    .header_v1 .navbar-nav .nav-item {
        padding: 10px 14px 10px;
    }

    .form-control {
        font-size: 19px;
        line-height: 32px;
    }

    .cust-form-group label {
        font-size: 20px;
        line-height: 32px;
        margin-top: -10px;
    }

    .page__footer .footer-form .cta {
        margin-top: 50px;
        margin-bottom: 60px;
    }

    .page__footer .f-row .fot-group .have-sign p {
        font-size: 19px;
        line-height: 32px;
    }

    .progress-container {
        max-width: 370px;
        margin-top: 20px;
    }

    .interviews .inter_detail .s-title p {
        line-height: 33px;
    }

    .header_v1 .navbar-nav .nav-item {
        padding: 5px 8px;
        width: max-content;
    }

    .page__header.sticky .navbar-nav .nav-item {
        padding: 15px 9px 15px;
    }

    .nutritious_diet .detail P {
        max-width: 666px;
        margin: 0 auto;
        font-size: 18px;
        margin-top: 30px;
        line-height: 28px;
    }

    .malnutrition .content .detail {
        padding: 30px 0 10px 30px;
        max-width: 95%;
    }

    .malnutrition .content .cta {
        padding: 10px 30px 50px;
    }

    .malnutrition .title .heading-h3 {
        margin-bottom: 7px;
        padding-left: 30px;
    }

    .malnutrition .content .detail p {
        font-size: 20px;
        line-height: 26px;
        margin-bottom: 0px;
    }
    
    .malnutrition .content .detail p:last-child {
        margin-bottom: 0px;
        padding-bottom: 5px;
    }

    .home-banner .banner-text .banner-sub-t p {
        max-width: 100%;
        text-align: center;
        line-height: 24px;
    }

    .home-banner .banner-text {
        padding: 300px 0 80px;
    }

    .home-banner .banner-text .banner-title {
        z-index: 5;
        margin-top: 6px;
        margin-bottom: 15px;
    }

    .home-banner .banner-text .banner-sub-t {
        padding: 0 24%;
    }

    .banner.home-banner .banner-bottom {
        padding: 0 24%;
    }

    .home-banner .banner-text .calc_bottom {
        margin-top: 436px;
        padding: 0 18%;
    }

    .article31 {
        padding: 90px 0 100px;
    }

    .article31 .cle31-text .title {
        margin-top: 54px;
        margin-bottom: 5px;
    }

    .malnutrition {
        padding: 75px 0 80px;
    }

    .nutritious_diet {
        padding: 100px 0 120px;
    }

    .interviews {
        padding: 100px 0 80px;
    }

    .home-banner .banner-text .pura-sec {
        width: 86%;
        height: 730px;
        top: 120px;
        left: calc(7% - 0%);
        padding: 40px;
    }

    .home-banner .banner-text .pura-sec .pura-text p {
        margin-top: 265px;
        font-size: 16px;
        line-height: 24px;
        padding-top: 10px;
    }

    .home-banner .banner-text .pura-sec .pura-t-logo {
        margin-top: 5px;
    }

    .page__footer .f-row .f-detail p {
        font-size: 18px;
        line-height: 26px;
    }

    .page__footer .f-row {
        grid-template-columns: 100%;
        gap: 10px;
    }

    .spli-slide-image {
        height: 400px;
        width: 100%;
    }

    .thumbnail_card .detail p {
        font-size: 13px;
        padding-bottom: 5px;
    }

    .slider-container {
        grid-template-columns: 100%;
        gap: 5%;
        margin-top: 33px;
    }


    .slider-container .thumbnails-slider {
        order: 2;
    }

    .thumbnail_card .image {
        width: 160px;
        height: 90px;
    }

    .interviews .inter_detail {
        max-width: 100%;
        margin-top: 30px;
        margin-bottom: 60px;
    }

    .page__footer .f-row .fot-group {
        max-width: 100%;
        margin-top: 60px;
    }

    .page__footer .f-row .sub-title p {
        font-size: 22px;
        margin-bottom: 20px;
        margin-top: 55px;
    }

    .page__footer {
        padding: 80px 0 100px;
    }

    /* modal */
    .modal.sign_modal .modal_row {
        grid-template-columns: 100%;
        width: 100%;
        margin-top: 40px;
        gap: 2%;
    }

    .modal.sign_modal .right .content .i-signed .sign-bottom {
        margin-top: 58px;
    }
    
    .modal.sign_modal .modal-content {
        padding: 40px;
        height: 100%;
        padding-bottom: 27px;
    }

    .modal.sign_modal .modal_row .left .heading-h4 {
        max-width: 100%;
        margin-bottom: 25px;
    }

    .modal.sign_modal .modal_row .left-dis p {
        max-width: 100%;
    }

    .modal.sign_modal .right .share {
        margin-bottom: 25px;
    }

    .modal.sign_modal .close-btn {
        top: 37px;
        right: 25px;
        font-size: 37px;
    }

    .malnutrition_banner .banner-31 p {
        font-size: 35px;
        line-height: 45px;
    }
    
    /* end */
}



@media (min-width: 500px) and (max-width: 767px) {
    
    .home-banner .banner-title .heading-h1 {
        font-size: 50px !important;
        line-height: 65px !important;
    }
    
}

@media (min-width: 400px) and (max-width: 767px) {
    
    .malnutrition_children .chil-row  .cont p {
        line-height: 25px !important;
    }
    
    .moving-forward .move-card .detail p {
        line-height: 25px;
    }
    
    .home-banner .banner-title .heading-h1 {
        font-size: 43px;
        line-height: 53px;
    }
    
    .moving-forward .move-card .detail p {
        margin-bottom: 5px;
        line-height: 22px;
        padding-top: 11px;
    }
        
    .agricultural-food .agricultural .agric-row .agr-detail p {
        padding-top: 10px;
    }
    
    .path-forward .path-row .path-card .detail {
        padding: 4px 0px;
        height: max-content;
        overflow: auto;
        line-height: 24px !important;
    }
    .page__footer .f-row .fot-group .have-sign p {
        font-size: 19px;
        line-height: 19px;
    }
}

@media (min-width: 660px) and (max-width: 767px) {
    
    .home-banner .banner-title .heading-h1 {
        font-size: 60px !important;
        line-height: 75px !important;
    }
}

@media (min-width: 320px) and (max-width: 767px) {


    :root {
        --h1-font-size: 35px;
        --h1-line-height: 45px;

        --h2-font-size: 20px;
        --h2-line-height: 32px;

        --h3-font-size: 25px;
        --h3-line-height: 35px;

        --h4-font-size: 22px;
        --h4-line-height: 32px;

        --h5-font-size: 17px;
        --h5-line-height: 22px;

        --h6-font-size: 16px;
        --h6-line-height: 21px;

        --body-font-size: 15px;
        --body-line-height: 20px;
    }
    
    .malnutrition-types.v1 .cust-img {
        margin-bottom: 0;
    }

    .article31 .cle31-text .titel-v1 .heading-h1 {
        line-height: normal;
        margin: 0;
        padding: 2px;
        height: max-content;
    }
    
    
    .modal.sign_modal .right {
        max-width: 415px;
        margin: 0 auto;
    }

    .home-banner .banner-text .down-arro {
        margin-top: 37px;
    }
    
    .home-banner .banner-text .down-arro .icon a img {
        max-width: 30px;
    }

    .malnutrition_children.v1 .chil-row {
        padding: 2px 22px;
        grid-template-columns: 100%;
        gap: 15px;
    }
    
    .malnutrition_children.v1 .sub-title {
        padding-left: 20px;
        padding-right: 20px;
    }
    
    .malnutrition_children.v1 .title .headnig-h4 span {
        padding-left: 20px;
        padding-right: 20px;
    }
    
    .modal.sign_modal.show {
        padding-top: 50px;
    }

    .nutritious_diet .title .heading-h2 span {
        padding: 6px 10px;
        font-size: 16px;
    }

    .home-banner .banner-text .pura-sec .pura-b-logo img {
        max-width: 51px;
    }
    
    .theme-btn {
        font-size: 15px;
        padding: 8px 39px;
        height: 40px;
    }

    .modal.sign_modal .right .content .i-signed {
        max-width: 145px;
        margin-top: -108px;
        padding: 15px 0 19px;
    }
    
    .modal.sign_modal .right .content .file-bottom .heading-h6 {
        font-size: 13px;
        line-height: 25px;
    }
    
    .custom-file-upload {
        margin-top: 20px;
    }
    
    .malnutrition-types.v1 .type-row {
        margin-top: 16px;
    }
    
    .malnutrition_children .children::after {
        background: #0000009c;
    }
    
    .banner.home-banner .banner-bg .banner-img img {
        object-position: 37% center;
    }
    
    .home-banner .banner-text:after {
        position: absolute;
        content: "";
        height: 100%;
        width: 100%;
        left: 0;
        bottom: 0;
        background: #00000052;
    }
    
    .article31 .cle31-text .text-31 p {
        font-size: 15px;
        line-height: 23px;
        font-weight: 300;
        width: 100%;
        max-width: 348px;
        margin: 0 auto;
        padding-bottom: 8px;
    }
       
    /* Nutrition food */
    
    .global-trends .trends-row .content p {
        font-size: 17px;
        line-height: 25px;
        margin-bottom: 12px;
        padding-top: 5px;
    }

    .malnutrition_banner.nutrition .down-arro {
        margin-top: 41px;
    }

    .agricultural-food .agricultural .title h4 span {
        padding: 5px 0;
        padding-left: 20px;
        padding-right: 20px;
    }

    .agricultural-food .agricultural .agric-row .image {
        width: 100%;
        height: max-content;
        margin-top: 10px;
    }

    .malnutrition_banner.nutrition .banner-title .heading-h1 {
        max-width: 100%;
        padding-top: 160px;
        font-size: 23px;
        line-height: 36px;
    }

    .malnutrition_banner.nutrition .banner-detail p {
        font-size: 14px;
        line-height: 19px;
        max-width: 99%;
        margin-top: 15px;
    }

    .malnutrition_banner.nutrition .banner-31 {
        margin-top: 50px;
    }

    .malnutrition_children.v1  .children {
        padding: 44px 0px 30px 0px;
        background-position: 70% center;
    }

    .global-trends.v1 {
        padding: 60px 0px 40px !important;
    }

    .path-forward .path-row {
        grid-template-columns: 100%;
        gap: 30px;
        margin-top: 35px;
    }

    .path-forward .path-row .path-card .detail {
        padding: 5px 0px;
        height: max-content;
        overflow: auto;
        line-height: 22px !important;
    }

    .global-trends.v1 .content.v1 p:first-child {
        font-size: 18px;
        line-height: 22px;
        margin-bottom: 20px;
    }

    .global-trends.v1 .right .image {
        width: 100%;
        height: max-content;
        margin-top: 10px;
    }

    .progress-food {
        padding: 10px 0 10px;
    }

    .path-forward {
        padding: 25px 0 70px;
    }

    .malnutrition_children {
        padding: 150px 0 50px;
    }

    .agricultural-food {
        padding: 60px 0 50px;
    }

    .path-forward .path-title .p-heading {
        font-size: 24px;
        line-height: 40px;
        font-weight: 100;
        padding: 5px 0;
    }

    .path-forward .conc-title {
        font-size: 24px;
        line-height: 40px;
        padding: 5px 0;
    }

    .path-forward .conclusion .detail-v1 {
        max-width: 100%;
        line-height: 26px;
        padding-top: 5px;
    }

    .malnutrition_children.v1 .childre-v1 {
        max-width: 95%;
        margin-top: 22px;
        margin-bottom: 1px;
        padding-left: 20px;
    }

    .malnutrition_children.v1 .title .headnig-h4 span {
        padding-left: 20px;
        padding-right: 20px;
    }

    .malnutrition-types.v1 .title .heading-h4 span {
        padding: 5px 20px;
    }

    .malnutrition-types.v1 .type-row {
        grid-template-columns: 100%;
        padding: 0 20px;
        gap: 15px;
    }

    .global-trends.v1 .trends-row {
        padding: 10px 20px 20px;
        grid-template-columns: 100%;
        gap: 10px;
        margin-top: 5px;
    }

    .malnutrition-types.v1 .type-row .bottom-heading {
        font-size: 18px;
        line-height: 28px;
        max-width: 100%;
        margin-top: 0px;
    }
    
    .malnutrition_children.v1 .childre-v1 p {
        padding-bottom: 0px;
    }

    .progress-food .progre-detail {
        padding: 20px 20px;
    }

    .progress-food .progres-title .heading-h4 {
        padding: 5px 0;
        padding-left: 20px;
        padding-right: 20px;
    }

    .global-trends.v1 .title .heading span {
        padding: 5px 0;
        padding-left: 20px;
        padding-right: 20px;
    }

    .header_v1 .header-cta {
        padding: 8px 25px !important;
        border-radius: 55px;
    }

    .agricultural-food .agricultural .agric-row {
        padding: 0 20px;
        grid-template-columns: 100%;
        gap: 15px;
        margin-top: 35px;
    }

    .progress-food .progre-detail .progress-row .iamge {
        max-width: 100%;
    }

    .progress-food .progre-detail .progress-row .con {
        max-width: 100%;
        margin-top: 0px;
        margin-bottom: 0;
        padding-top: 0px;
        padding-bottom: 0;
    }

    .agricultural-food .agricultural {
        padding: 61px 0 63px;
        background-position: 75% center;
    }

    .agricultural-food .agricultural::after {
        position: absolute;
        content: "";
        left: 0;
        top: 0;
        background: #00000063;
        height: 100%;
        width: 100%;
    }

    .agricultural-food .agricultural .agric-row .agr-detail p {
        font-size: 17px;
        line-height: 24px;
        margin-bottom: 12px;
        padding-right: 0px;
    }
    
    .malnutrition-types .type-row .detail p {
        line-height: 25px !important;
        padding-bottom: 20px;
    }
    
    .malnutrition_children .chil-row  .cont p {
        line-height: 25px;
    }

    .path-forward .sub-title p {
        font-size: 17px;
        line-height: 24px;
    }
    
    .path-forward .path-row .path-card .c-tite p {
        margin-bottom: 0;
    }
    
    .path-forward .path-row .path-card .c-tite {
        padding-bottom: 13px;
        margin-bottom: 12px;
        padding-top: 1px;
    }

    .path-forward .conclusion {
        margin-top: 41px;
        padding: 20px 18px 30px;
    }

    .progress-food .progre-detail .progress-row {
        grid-template-columns: 100%;
        gap: 20px;
    }

    .progress-food .progre-detail .progress-row .con-v1 {
        font-size: 18px;
        line-height: 28px;
        max-width: 100%;
    }

    .progress-food .progre-detail .progress-row .top p {
        margin-bottom: 15px;
        max-width: 100%;
    }

    /* End Nutrition food */

    /* malnutrition */
    
    .malnutrition_banner .down-arro {
        position: relative;
        margin-top: 20px;
    }

    .malnutrition-types .type-row .cust-img {
        width: 100%;
    }

    .moving-forward .move-row {
        grid-template-columns: 100%;
        gap: 30px;
    }

    .moving-forward .move-card {
        padding: 30px 15px 30px;
        height: max-content;
    }

    .malnutrition_banner .banner-title .heading-h1 {
        font-size: 24px;
        line-height: 36px;
        max-width: 100%;
        padding-top: 170px;
    }

    .malnutrition_banner .banner-detail p {
        font-size: 15px;
        line-height: 22px;
        max-width: 95%;
        margin-top: 78px;
    }

    .malnutrition.v2 .title .heading-h3 {
        font-size: 22px;
        line-height: 28px;
        padding-top: 10px;
        padding-right: 20px;
    }

    .malnutrition.v2 .headnig-h4 {
        margin-bottom: 9px;
        font-size: 15px;
        line-height: 23px;
    }

    .malnutrition.v2 .content {
        height: max-content;
        padding-top: 50px;
        padding-bottom: 30px;
    }

    .malnutrition-types {
        padding: 28px 0 30px;
    }
    
    .global-trends .trends-row {
        padding: 10px 20px 60px;
        grid-template-columns: 100%;
        gap: 15px;
        margin-top: 0px;
    }

    .global-trends .right .image {
        width: 100%;
        height: max-content;
    }

    .malnutrition .title .heading-h3 {
        margin-bottom: 7px;
        padding-left: 50px;
    }

    .malnutrition .content .detail {
        padding: 10px 0 10px 50px;
        max-width: 660px;
    }

    .malnutrition .content .cta {
        padding: 10px 0px;
    }

    .malnutrition-types .title {
        padding: 3px 0 6px 0px;
    }

    .malnutrition-types .sub-title {
        padding: 10px 0 4px 0px;
        margin-bottom: 17px;
    }

    .malnutrition-types .type-row .headnig-h5 {
        padding-bottom: 5px;
    }

    .malnutrition-types .type-row {
        grid-template-columns: 100%;
        padding: 0 0px;
        gap: 4%;
        margin-bottom: 50px;
    }

    .malnutrition_children .chil-row {
        grid-template-columns: 100%;
        gap: 45px;
        margin-top: 35px;
    }

    .malnutrition_children {
        padding: 63px 0 34px;
    }

    .malnutrition_banner {
        padding-bottom: 40px;
        height: max-content;
    }
        
    .malnutrition.v2  .content .detail p {
        font-size: 18px;
        line-height: 23px;
        margin-bottom: 0px;
        padding-bottom: 10px;
        padding-top: 0px !important;
        margin-top: 2px;
    }

    .global-trends .title .heading span {
        display: block;
        padding: 10px;
        border-top: 1px solid #ffffff8c;
        padding-left: 20px;
        padding-right: 20px;
    }

    .malnutrition_children .children {
        padding: 50px 20px 40px 20px;
    }

    .moving-forward {
        padding: 30px 0 30px;
    }

    .moving-forward .bottom p {
        margin-top: 50px;
    }

    .moving-forward .move-card .card-title .heading-h3 {
        font-size: 20px;
        line-height: 30px;
        padding-bottom: 0px;
        margin: 0;
    }
    
    .card-title {
        margin-bottom: 12px;
    }
    
    .malnutrition-types .type-row .detail p {
        padding-top: 3px;
        margin: 0 !important;
    }
    
    .malnutrition-types  .cust-img.mar-t {
        margin-top: 16px;
        margin-bottom: 0;
    }
    
    .malnutrition-types .cust-img {
        margin-top: 14px;
        margin-bottom: 40px;
    }

    .moving-forward .move-card .detail p {
        margin-bottom: 0;
        line-height: 25px;
        padding-bottom: 2px;
    }

    .modal.sign_modal .right .share .s-list {
        padding-left: 0px;
        padding-top: 4px;
    }
    
    .modal.sign_modal .right .share ul {
        display: flex;
        gap: 10px;
        padding-left: 1rem;
    }

    .malnutrition_banner .banner-31 {
        margin-top: 45px;
    }

    .malnutrition_banner .icon a img {
        max-width: 25px;
    }

    .global-trends .title .heading {
        font-size: 20px;
        line-height: 30px;
    }

    .global-trends {
        position: relative;
        padding: 60px 0px 5px;
        margin-bottom: 15px;
    }

    .malnutrition_banner .banner-title .world-icon {
        right: 50%;
        transform: translateX(50%);
        bottom: -64px;
        width: 112px;
        height: 33px;
    }

    /* end malnutrition */

    .mobile-menu {
        right: 20px;
    }

    .nav-visible .nav-wrapper {
        padding: 120px 18px 160px;
    }

    .mobile-menu {
        display: block;
    }

    .cust-container-lg {
        padding: 0 20px;
    }

    .cust-container-md {
        padding: 0 20px;
    }

    .malnutrition .content {
        height: max-content;
        padding-top: 50px;
    }

    .header_v1 .navbar-nav .nav-link {
        font-size: 17px;
        padding: 5px 0px;
    }

    .article31 .cle31-text .titel-v1 {
        margin-top: 0px;
    }

    .header_v1 .header-cta {
        padding: 9px 17px !important;
        border-radius: 55px;
    }
    
    .article31 .cle31-text .text-31 {
        padding: 20px 15px 20px;
        max-width: 100%;
    }

    .page__header.sticky .navbar-nav .nav-item {
        padding: 10px 14px 10px;
    }

    .header_v1 .navbar-nav .nav-item {
        padding: 10px 14px 10px;
    }

    .form-control {
        font-size: 18px;
        line-height: 32px;
    }

    .cust-form-group label {
        font-size: 19px;
        line-height: 32px;
        margin-top: -10px;
    }

    .page__footer .footer-form .cta {
        margin-top: 50px;
        margin-bottom: 60px;
    }

    .page__footer .f-row .fot-group .have-sign p {
        font-size: 19px;
        line-height: 24px;
    }

    .progress-container {
        max-width: 370px;
        margin-top: 20px;
    }

    .interviews .inter_detail .s-title p {
        line-height: 33px;
    }

    .header_v1 .navbar-nav .nav-item {
        padding: 5px 8px;
        width: max-content;
    }

    .page__header.sticky .navbar-nav .nav-item {
        padding: 15px 9px 15px;
    }

    .nutritious_diet .detail P {
        max-width: 100%;
        padding: 0 20px;
        margin: 0 auto;
        font-size: 16px;
        margin-top: 20px;
        line-height: 22px;
    }
    
    .nutritious_diet .cta {
        text-align: center;
        margin-top: 17px;
    }

    .malnutrition .content .detail {
        padding: 10px 0 10px 10px;
        max-width: 95%;
    }

    .malnutrition .content .cta {
        padding: 10px 20px 45px;
    }

    .malnutrition .title .heading-h3 {
        margin-bottom: 7px;
        padding-left: 15px;
        padding-top: 7px;
    }

    .malnutrition .content .detail p {
        font-size: 18px;
        line-height: 22px;
        margin-bottom: 8px;
        margin-top: 0;
        padding-top: 5px;
        padding-bottom: 0;
    }

    .home-banner .banner-text .banner-sub-t p {
        max-width: 100%;
        text-align: center;
    }
    
    .home-banner .banner-text {
        padding: 253px 0 60px;
    }

    .home-banner .banner-text .banner-title {
        z-index: 5;
        margin-top: 6px;
        margin-bottom: 15px;
    }

    .home-banner .banner-text .banner-sub-t {
        padding: 0 40px;
        margin-bottom: 20px;
    }

    .banner.home-banner .banner-bottom {
        padding: 0 60px;
    }

    .home-banner .banner-text .calc_bottom {
        margin-top: 360px;
        padding: 0 40px;
    }

    .article31 {
        padding: 60px 0 60px;
    }

    section {
        overflow: hidden;
    }

    .article31 .cle31-text .title {
        margin-top: 10px;
    }
    
    .malnutrition {
        padding: 57px 0 52px;
    }

    .malnutrition.v2 {
        padding: 57px 0 35px;
    }

    .nutritious_diet {
        padding: 60px 0 60px;
    }

    .interviews {
        padding: 60px 0 76px;
    }
    
    .home-banner .banner-text .pura-sec {
        width: 90%;
        height: max-content;
        top: 120px;
        left: calc(10% - 5%);
        padding: 25px;
        padding-bottom: 32px !important;
    }

    .home-banner .banner-text .pura-sec .pura-text p {
        margin-top: 215px;
        font-size: 15px;
        line-height: 22px;
    }
    
    .home-banner .banner-text .pura-sec .pura-t-logo {
        margin-top: 5px;
    }

    .page__footer .f-row .f-detail p {
        font-size: 16px;
        line-height: 22px;
    }

    .page__footer .f-row {
        grid-template-columns: 100%;
        gap: 10px;
        padding-left: 0;
    }
    
    .page__footer .f-title .heading-h4 {
        padding: 9px 0px 9px;
    }

    .spli-slide-image {
        height: 220px;
        width: 100%;
    }

    .thumbnail_card .detail p {
        font-size: 13px;
        padding-bottom: 5px;
    }

    .slider-container {
        grid-template-columns: 100%;
        gap: 5%;
        margin-top: 33px;
    }


    .slider-container .thumbnails-slider {
        order: 2;
    }

    .thumbnail_card .image {
        width: 177px;
        height: 90px;
    }

    .interviews .inter_detail {
        max-width: 100%;
        margin-top: 15px;
        margin-bottom: 60px;
    }

    .page__footer .f-row .fot-group {
        max-width: 100%;
        margin-top: 35px;
    }

    .page__footer .f-row .sub-title p {
        font-size: 21px;
        margin-bottom: 10px;
        margin-top: 19px;
    }

    .page__footer {
        padding: 60px 0 70px;
    }
    
    .form-control1 {
        font-size: 17px;
        line-height: 25px;
    }

    .footer_progress::-webkit-progress-bar {
        height: 10px;
        height: 15px;
    }

    /* modal */
      .modal.sign_modal .modal_row {
        grid-template-columns: 100%;
        width: 100%;
        margin-top: 40px;
        gap: 1%;
    }
    
    .custom-file-upload .upload-button {
        padding: 7px 15px;
        font-size: 14px;
    }

    .modal.sign_modal .right .content .i-signed .sign-bottom {
        margin-top: 40px;
    }

    .modal.sign_modal .modal-content {
        padding: 20px;
        height: 100%;
        margin-top: 35px;
    }

    .modal.sign_modal .modal_row .left .heading-h4 {
        max-width: 100%;
        margin-bottom: 25px;
    }

    .modal.sign_modal .modal_row .left-dis p {
        max-width: 100%;
    }

    .modal.sign_modal .right .share {
        margin-bottom: 25px;
    }

    .modal.sign_modal .close-btn {
        top: 35px;
        right: 25px;
        font-size: 37px;
    }

    .modal.sign_modal .right .content {
        padding: 100px 11px 19px;
        margin-bottom: 20px;
        margin-top: 14px;
    }

    .modal.sign_modal .right .partner {
        margin-top: 26px;
        grid-template-columns: 39% 50%;
    }

    .modal.sign_modal .right .time-cont {
        left: -25px;
    }
    
    .malnutrition_banner .banner-31 p {
        font-size: 26px;
        line-height: 37px;
    }
    
    .interviews .inter_detail .sub-scr p {
        line-height: 27px;
        margin-top: 12px;
    }
    
    .footer_progress {
        width: 100%;
        appearance: none;
        height: 15px;
        overflow: hidden;
    }
    
    .footer_progress::-webkit-progress-value {
        background-color: #fff;
        clip-path: polygon(0% 0%, 94% 0, 100% 50%, 94% 97%, 0% 100%);
        height: 15px;
    }
    
    .nutritious_diet .title .heading-h2 span {
        font-size: 15px !important;
    }

    /* end */
}