@media only screen and (max-width: 1400px) {
    .path-frontpage .region.region-sub-section .navigation ul.navbar-nav li a{
        font-size: 0.875rem !important;
    }

    .header .block-system-branding-block {
        align-items: center;
        justify-content: center;
        display: flex;
        width: 75%;
    }

    .navbar-brand a.site-title{
        width: 100%;
    }

    #block-sea-hearts-hypertensionanddiabetes .detail-container {
        width: 95%;
    }

    #block-sea-hearts-transfattyacidseliminationpoliciesandmeasures .detail-container{
        width: 95%;
    }

    #block-sea-hearts-tobaccocontrol .detail-container{
        width: 95%;
    }

    .path-frontpage .indicator-card .field_desc{
        font-size: 12px;
    }

    #block-sea-hearts-views-block-seahearts-an-effort-sdg-targets-regional h2 {
        background-color: #114578;
        font-size: clamp(1rem, 0.5vw + 0.9rem, 1.5rem);
        color: var(--color-white);
        font-weight: 400;
        padding: 12px;
        margin-bottom: 20px;
        position: relative;
        margin-left: 40px;
        margin-right: 40px;
        font-size: 18px;
    }

    #block-sea-hearts-views-block-seahearts-an-effort-sdg-targets-regional h2::before {
        content: '';
        position: absolute;
        left: -28px;
        bottom: 0;
        width: 0;
        height: 0;
        border-right: 25px solid #114578;
        border-top: 25px solid transparent;
        border-bottom: 25px solid transparent;
        top: 9px;
        transform: scale(1.3);
    }

    #block-sea-hearts-views-block-seahearts-an-effort-sdg-targets-regional h2::after {
        content: '';
        position: absolute;
        right: -28px;
        bottom: 0;
        width: 0;
        height: 0;
        border-left: 25px solid #114578;
        border-top: 25px solid transparent;
        border-bottom: 25px solid transparent;
        top: 9px;
        transform: scale(1.3);
    }
}

@media only screen and (max-width: 1300px) {
    #block-sea-hearts-hypertensionanddiabetes .detail-container {
        width: 100%;
    }

    #block-sea-hearts-transfattyacidseliminationpoliciesandmeasures .detail-container{
        width: 100%;
    }

    #block-sea-hearts-tobaccocontrol .detail-container{
        width: 100%;
    }
}

@media screen and (min-width: 320px) and (max-width: 767px){
    body{
min-height: 100vh !important;
    }

    .navigation-container.collapsed .menu-toggle{
        margin-top: 2px;
    }

    .toolbar .toolbar-bar{
        position:fixed;
    }

    /*rootuser styling*/
 .user-logged-in.path-user .navigation-container{
display: none;
    }

    .toolbar-menu.root{
        margin-top: 67px;
    }

    .page-container-content #main-content{
        padding-left: 22px;
    }

    .news-events-details-body{
        width: 100% !important;
    }

    .news-events-more-details{
        display: none;
    }

    .clearfix.text-formatted.field.field--name-body p{
text-align: justify;
    }

    .WACImage{
        width: 100%;
    }

    .path-frontpage .region.region-sub-section .navigation ul.navbar-nav{
        flex-direction: column;
        gap: 15px;
    }

    .path-frontpage .region.region-sub-section .navigation ul.navbar-nav li{
        width: 100% !important;
    }

    #highlight-content{
        padding-left: 38px !important;
        padding-right: 18px !important;
        padding-top: 10px !important;
    }

    .path-regional-committee-resolution .region.region-highlight-content{
        flex-direction: column;
    gap: 20px;
    }

    #block-sea-hearts-regionalcommitteeresolutiononseahearts{
        width: 100%;
    }

    #block-sea-hearts-views-block-seahearts-country-commitments{
        width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    }

    .view-seahearts-an-effort-to-reach-sdg-targets.view-id-seahearts_an_effort_to_reach_sdg_targets .view-content .views-row {
        flex-direction: column;
    }

    #block-sea-hearts-views-block-seahearts-country-commitments .views-row.row-1 .views-col.col-2{
        width: 100% !important;
        height: auto;
    }

    #block-sea-hearts-views-block-seahearts-country-commitments .views-row.row-2 .views-col.col-2{
        width: 100% !important;
        height: auto;
    }

    #block-sea-hearts-views-block-seahearts-country-commitments .views-row.row-3 .views-col.col-2{
        width: 100% !important;
        height: auto;
    }


    #block-sea-hearts-views-block-seahearts-an-effort-sdg-targets-regional{
        width: 100%;
    }

    #block-sea-hearts-views-block-seahearts-an-effort-sdg-targets-regional .views-row{
        display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    }

    .view-seahearts-an-effort-to-reach-sdg-targets.view-id-seahearts_an_effort_to_reach_sdg_targets.view-display-id-block_4 .views-row{
        flex-direction: row;
    } 
  
    /* .view-seahearts-an-effort-to-reach-sdg-targets.view-id-seahearts_an_effort_to_reach_sdg_targets .views-row .views-field.views-field-body p{
        text-align: justify;
    } */

    #block-sea-hearts-views-block-seahearts-an-effort-ncd-targets-regional{
        margin-top: 172px;
    }

    #block-sea-hearts-views-block-seahearts-country-commitments .views-row.row-1 .views-col.col-1{
        height: auto;
        width: 100% !important;
    }
    .navigation-container.collapsed #navigation, .navigation-container.collapsed .navigation {
        width: 11% !important;
    }


    /*saltintakeuser login*/

    .path-salt-intake-reduction-review .card-table-conatiner{
        flex-direction: column;
    }

    .path-salt-intake-reduction-review .region.region-content .salt-review-page-header h3{
        margin-left: 16px
    }

    .path-salt-intake-reduction-review .card-table-conatiner .content-wrapper{
        width: 100% !important;
    
    }

    .salt-review-table-header{
        flex-direction: column;
    }

    .path-salt-intake-reduction-review .card-table-conatiner .all-charts-div{
        width: 100% !important;
        padding-left: 0px !important;
    }

    .path-salt-intake-reduction-review .view-filters .form--inline .form-item:first-child{
        margin-right: 17px !important
    }

    .salt-review-table-header h4{
        width: 100% !important;
    }

    .page-node-type-progress-status .region.region-content .status-year-month-country .salt-preview-status, .page-node-type-progress-status .region.region-content .status-year-month-country .salt-preview-year, .page-node-type-progress-status .region.region-content .status-year-month-country .salt-preview-month, .page-node-type-progress-status .region.region-content .status-year-month-country .salt-preview-country{
        width: 100% !important;
    }

    .page-node-type-news-and-events .container{
        overflow-x: hidden
    }

    .salt-preview-status-value, .salt-preview-year-value, .salt-preview-month-value, .salt-preview-country-value{
        justify-content: flex-start !important;
        gap: 10px;
    }


    /**********************************/
 /*tobaccocontroluser login styling*/

 .path-tobacco-control-review .card-table-conatiner{
    flex-direction: column;
 }
 .path-tobacco-control-review .card-table-conatiner .content-wrapper{
    width: 100% !important;

 }

 .tobacco-review-table-header{
    flex-direction: column;
 }

 .path-tobacco-control-review .region.region-content .tobacco-review-page-header h3{
    margin-left: 21px;
 }

 .tobacco-review-table-header h4{
    width: 100% !important;
 }

 .path-tobacco-control-review .view-filters .form--inline .form-item:first-child{
    margin-right: 17px !important
 }


 .path-tobacco-control-review .card-table-conatiner .all-charts-div{
    width: 100% !important;
    padding-left: 0px !important;
 }

 .page-node-type-progress-status-mpower-technical .region.region-content .status-year-month-country .tobacco-preview-status, .page-node-type-progress-status-mpower-technical .region.region-content .status-year-month-country .tobacco-preview-year, .page-node-type-progress-status-mpower-technical .region.region-content .status-year-month-country .tobacco-preview-month, .page-node-type-progress-status-mpower-technical .region.region-content .status-year-month-country .tobacco-preview-country{
    width: 100% !important;
 }

 .tobacco-preview-status-value, .tobacco-preview-year-value, .tobacco-preview-month-value, .tobacco-preview-country-value{
    justify-content: flex-start !important;
    gap: 10px;
 }

 /*****************************************/

 /*hypertensionuser login pg*/

 .path-hypertension-diabetes-review .card-table-conatiner{
    flex-direction: column;
 }

 .hp-review-table-header h4{
    width: 100% !important;
 }

 .hp-review-table-header{
    flex-direction: column;
 }


 .path-hypertension-diabetes-review .view-filters .form--inline .form-item:first-child{
    margin-right: 17px !important;
 }

 .path-hypertension-diabetes-review .card-table-conatiner .content-wrapper{
    width: 100% !important;
  
 }


 .path-hypertension-diabetes-review .card-table-conatiner .all-charts-div{
    width: 100% !important;
    padding-left: 0px !important;
 }







  /*****************************************/
    .path-frontpage .region.region-sub-section .navigation ul.navbar-nav li:nth-child(4){
        margin-right: 10px;
    }

    .path-regional-committee-resolution #main-content{
        padding-left: 20px !important;
    padding-right: 0px !important;
    padding-top: 30px !important;
    }

    html{
        overflow-x: hidden;
    }

    .navbar-brand a.site-title{
        display: none;
    }

    .header .block-system-branding-block{
        width: 40%;
    }

    .view-seahearts-an-effort-to-reach-sdg-targets.view-id-seahearts_an_effort_to_reach_sdg_targets.view-display-id-block_4 .views-row .views-field.views-field-body p{
        text-overflow: ellipsis;
       overflow: hidden;
       display:-webkit-box;
       -webkit-line-clamp: 2;
       -webkit-box-orient: vertical;
       }

       #block-sea-hearts-views-block-seahearts-country-commitments .views-row.row-2 .views-col.col-1{
        width: 100% !important;
        height: auto;
       }

       #block-sea-hearts-views-block-seahearts-country-commitments .views-row.row-3 .views-col.col-1{
        width: 100% !important;
        height: auto;
       }

       .path-good-practices .custom-news-events-link-wrapper{
        flex-direction: column;
        justify-content: center;
        align-items: center;
       }

       .path-good-practices .custom-news-events-link-wrapper .custom-title-body-wrapper{
        display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    padding-right: 0px !important;
       }

       .path-good-practices .custom-news-events-link-wrapper .custom-title-body-wrapper h4{
        margin-top: 10px;
       }

       .path-good-practices #main-content .view-content{
        padding-left: 21px !important;
    padding-right: 20px !important;
       }

       .path-good-practices #main-content h2{
        text-align: center;
       }

       /*good practices*/
       .views-element-container.block.block-views.block-views-blockmore-details-block-1{
        padding-left: 16px !important;
       }

       .path-news-events #sub-section .views-field-title .field-content{
        text-align: center;
       }

       .views-view-grid .views-row{
        display: flex;
        flex-direction: column;
       }

       .path-good-practices #sub-section .container .view-id-more_details .views-col{
        width: 100% !important;
       }

       .path-good-practices #sub-section .views-field-title .field-content { 
        text-align: center;
        }

        .path-good-practices #sub-section .views-field-field-more-details-tab-image .field-content {
            display: flex;
            justify-content: center;
            align-items: center;
        }

       .views-field.views-field-field-more-details-tab-image img{
        height: 150px;
        object-fit: contain;
        margin-bottom: 10px;
        margin-top: 20px;

       }

/* All content */

       .path-all-content .page-container .navigation-container {
        display: none;
       }

       .path-all-content .page-container .page-container-content {
        width: 100% !important;
        padding: 0px !important;
       }

       .path-all-content .view-content {
        width: calc(100vw - 50px);
        overflow: auto;
       }

/*learning resources*/
       .path-learning-resources #main-content .view-display-id-block_3 .view-content{
        padding-left: 30px !important;
    padding-right: 30px !important;
    padding-top: 20px !important;
       }

       .path-learning-resources #main-content .view-display-id-block_3 .views-view-grid .views-field-title{
        margin-left: 7px;
       }

       /*homepg*/

       .path-frontpage .region.region-content .block{
        width: 100% !important;
       }

       .path-frontpage .region.region-content #block-sea-hearts-homepagechart{
        width: 100% !important;
       }

       .path-frontpage #sub-section{
        margin-top: 20px;
        padding-left: 35px !important;
        padding-right: 14px !important;
       }

       .path-frontpage .region.region-content{
        margin-left: 35px;
    margin-right: 13px;
       }

       .path-frontpage .region.region-content #block-sea-hearts-views-block-home-page-indiactors-block-2{
        margin-top: 20px;
        padding-left: 20px !important;
        padding-right: 20px !important;
       }

       .path-frontpage #main-content{
        padding: 0px !important;
       }

       .path-learning-resources #main-content .view-display-id-block_3 .views-row.clearfix.row-1,
.path-learning-resources #main-content .view-display-id-block_3 .views-row.clearfix.row-2{
    flex-direction: column;
}
 
.path-learning-resources #main-content .view-display-id-block_3 .views-view-grid .views-col{
    width: 100% !important;
}

.path-news-events .custom-news-events-link-wrapper{
    flex-direction: column;
}
 
.path-news-events .custom-news-events-link-wrapper .custom-image-crad-wrapper{
    text-align: center;
    margin-bottom: 20px;
}
 
.path-news-events #sub-section .container .view-id-more_details .views-col{
    width: 100% !important;
}
 
.path-news-events #sub-section .container .view-id-more_details .views-col img{
    height: 150px;
    object-fit: contain;
    margin-bottom: 10px;
    margin-top: 20px;
}

.path-news-events #main-content .view-content{
padding-left: 25px !important;
padding-right: 25px !important;
}

.path-user .page-container-content{
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.path-user .page-container .page-container-content #banner-section{
    width: 100% !important;
}

.path-user .page-container .page-container-content #main-content{
    width: 100% !important;
}

.path-all-content .page-container-content #main-content {
    padding-left: 0% !important;
}

#edit-openid-connect-client-generic-login{
    float: none !important;
    display: flex;
    justify-content: center;
    align-items: center;
}

.path-user #block-sea-hearts-headerwhoimage3 .field--name-field-header-who-image-right{
    display: none;
}

/* Hypertension diabetes inner page starts */
 
.details-page-top-container{
    flex-direction: column;
}
 
.details-page-top-container .filter-dropdowns{
    flex-direction: column;
    margin-top: 15px;
    margin-bottom: 15px;
}
 
.details-page-top-container .filter-dropdowns label{
    margin-top: 10px;
}
 
#block-sea-hearts-hypertensionanddiabetes .detail-container .indicator-card-container{
    flex-direction: column;
}
 
#block-sea-hearts-hypertensionanddiabetes .detail-container p {
    font-size: 13px;
    padding-left: 20px;
}
 
.path-hypertension-diabetes .hypertension-chart-container{
    flex-direction: column;
    gap: 15px;
}
 
.path-hypertension-diabetes .hypertension-chart-container #hypertension-chart1{
    min-height: 300px;
    width: 100%;
    border-right: none !important;
}
 
.path-hypertension-diabetes .hypertension-chart-container .hypertension-right-div {
    width: 100%;
}
 
.path-hypertension-diabetes .hypertension-chart-container #hypertension-chart2 {
    width: 100%;
    min-height: 400px;
    margin-top: 30px;
}

.path-hypertension-diabetes #banner-section .container{
    padding-left: 37px !important;
    padding-right: 12px !important;
    padding-top: 20px !important;
}

.path-hypertension-diabetes .indicator-card-container .field--type-text-with-summary{
    width: 65% !important;
}

#block-sea-hearts-hypertensionanddiabetes .detail-container img{
    left: 4px !important;
}

.path-hypertension-diabetes #main-content{
    padding-left: 31px !important;
    padding-right: 9px !important;
    padding-top: 20px !important;
}
/* Tobaco control inner page starts */
 
 
 
#block-sea-hearts-tobaccocontrol .detail-container .indicator-card-container{
    flex-direction: column;
}
 
#block-sea-hearts-tobaccocontrol .detail-container p {
    font-size: 13px;
    padding-left: 20px;
}
 
.path-tobacco-control .tobacoo-chart-container{
    flex-direction: column;
    gap: 15px;
}
 
.path-tobacco-control .tobacoo-chart-container #tobacoo-chart1{
    min-height: 300px;
    width: 100%;
    border-right: none !important;
}
 
.path-tobacco-control .tobacoo-chart-container .tobacco-right-div {
    width: 100%;
}
 
.path-tobacco-control .tobacoo-chart-container #tobacoo-chart2 {
    width: 100%;
    min-height: 400px;
    margin-top: 30px;
}

.path-tobacco-control #banner-section .container{
    padding-left: 37px !important;
    padding-right: 12px !important;
    padding-top: 20px !important;
}


.path-tobacco-control .indicator-card-container .field--type-text-with-summary{
    width: 65% !important;
}

#block-sea-hearts-tobaccocontrol .detail-container img{
    left: 4px !important;
}

.path-tobacco-control #main-content{
    padding-left: 31px !important;
    padding-right: 9px !important;
    padding-top: 20px !important;
}

/* Reducing salt intake inner page starts */
 
#block-sea-hearts-reducingsaltintake .detail-container .indicator-card-container{
    flex-direction: column;
}
 
#block-sea-hearts-reducingsaltintake .detail-container p {
    font-size: 13px;
    padding-left: 20px;
}
 
.path-salt-intake-reduction .salt-chart-container{
    flex-direction: column;
    gap: 40px;
}
 
.path-salt-intake-reduction .salt-chart-container .salt-graphs {
    width: 100%;
    padding-left: 2%;
    padding-right: 2%;
    display: flex;
    flex-direction: column;
    gap: 40px;
}
 
.path-salt-intake-reduction .salt-chart-container .salt-graphs #salt-chart1, .path-salt-intake-reduction .salt-chart-container .salt-graphs #salt-chart2 {
    width: 100%;
    padding-left: 1%;
    padding-right: 1%;
}
 
.path-salt-intake-reduction .salt-chart-container .salt-right-div {
    width: 100%;
    padding-left: 2%;
    padding-right: 2%;
    border-left: none;
    margin-top: 20px;
}

.path-salt-intake-reduction #banner-section .container{
    padding-left: 38px !important;
    padding-right: 16px !important;
    padding-top: 20px !important;
}

.path-salt-intake-reduction .indicator-card-container .field--type-text-with-summary{
    width: 65% !important;
}

#block-sea-hearts-reducingsaltintake .detail-container img{
    left: 0px !important;
}

#block-sea-hearts-reducingsaltintake .detail-container{
    width: 100% !important;
}

.path-salt-intake-reduction #main-content{
    padding-left: 31px !important;
    padding-right: 8px !important;
    padding-top: 20px !important;
}
/* Trans-fatty acids elimination inner page starts */
 
#block-sea-hearts-transfattyacidseliminationpoliciesandmeasures .detail-container .indicator-card-container{
    flex-direction: column;
}
 
#block-sea-hearts-transfattyacidseliminationpoliciesandmeasures .detail-container p {
    font-size: 13px;
    padding-left: 20px;
}
 
.path-trans-fatty-acids-elimination .fatty-chart-container{
    flex-direction: column;
    gap: 35px;
}
 
.path-trans-fatty-acids-elimination .fatty-chart-container #fatty-chart1 {
    width: 100%;
    border-right: none;
    min-height: 300px;
}
 
.path-trans-fatty-acids-elimination .fatty-chart-container .fatty-right-div {
    width: 100%;
}

#main-content .path-reporting-templates .indicator-card.view.view-reporting-template .views-row .views-col{
    width: 100% !important;
    margin-bottom: 20px;
}

.path-trans-fatty-acids-elimination-review .card-table-conatiner .all-charts-div{
    width: 100% !important;
    padding-left: 0px !important;
}

.path-trans-fatty-acids-elimination-review .region.region-content .trans-review-page-header h3{
    margin-left: 23px;
}

.trans-review-table-header h4{
    width: 100% !important;
    margin-left: 20px;
}

.path-trans-fatty-acids-elimination-review .card-table-conatiner .content-wrapper{
    width: 100% !important;
    padding-right: 5px;

}

.path-trans-fatty-acids-elimination-review .card-table-conatiner .all-charts-div{
    width: 100% !important;
    padding-left: 20px !important;
}

.path-trans-fatty-acids-elimination-review .card-table-conatiner{
    flex-direction: column;
}

.path-reporting-templates .indicator-card.view.view-reporting-template .views-row.row-1 .views-col{
    width: 100% !important;
    margin-bottom: 20px;
}

.path-trans-fatty-acids-elimination #banner-section .container{
    padding-left: 37px !important;
    padding-right: 12px !important;
    padding-top: 20px !important;
}

.path-trans-fatty-acids-elimination .indicator-card-container .field--type-text-with-summary{
    width:65% !important
}

#block-sea-hearts-transfattyacidseliminationpoliciesandmeasures .detail-container img{
    left: 4px !important;
}

.path-trans-fatty-acids-elimination #main-content{
    padding-left: 31px !important;
    padding-right: 9px !important;
    padding-top: 20px !important;
}

.trans-review-table-header{
    flex-direction: column;
}

.path-trans-fatty-acids-elimination-review .view-filters .form--inline .form-item:first-child{
    margin-right: 8px !important;
}

.review-page-outer-display{
    flex-direction: column;
}

.review-page-inner-div{
    flex-direction: column;
    gap: 10px;
}

.page-node-type-trans-fatty-acids .region.region-content .status-year-month-country .trans-preview-status, .page-node-type-trans-fatty-acids .region.region-content .status-year-month-country .trans-preview-year, .page-node-type-trans-fatty-acids .region.region-content .status-year-month-country .trans-preview-month, .page-node-type-trans-fatty-acids .region.region-content .status-year-month-country .trans-preview-country{
    width: 100% !important;
}

.trans-preview-status-value, .trans-preview-year-value, .trans-preview-month-value, .trans-preview-country-value{
    justify-content: flex-start !important;
    gap: 10px;
}

.page-node-type-trans-fatty-acids .region.region-content{
    padding-left: 52px !important;
    padding-right: 10px !important;
    padding-top: 20px !important;
}

.review-page-lower-div{
    padding-right: 15px;
}
}

@media screen and (min-width: 768px) and (max-width: 1024px){
    .path-regional-committee-resolution .region.region-highlight-content{
        flex-direction: column;
        gap: 20px;
    }

    .path-frontpage .region.region-sub-section .navigation ul.navbar-nav{
        flex-direction: column;
        gap: 15px;
    }
    .path-frontpage .region.region-sub-section .navigation ul.navbar-nav li{
        width: 100% !important;
    }

    #block-sea-hearts-regionalcommitteeresolutiononseahearts img{
        width: 100%;
        height: 615px;
    }

    .views-view-grid .views-row{
        clear: none;
    }

    .views-field-field-sdg-ncd-image{
        width: 9%;
    }

    .view-seahearts-an-effort-to-reach-sdg-targets.view-id-seahearts_an_effort_to_reach_sdg_targets.view-display-id-block_4 .views-row .views-field.views-field-body p{
     text-overflow: ellipsis;
    overflow: hidden;
    display:-webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    }

    #block-sea-hearts-views-block-seahearts-country-commitments .views-row.row-1 .views-col.col-1{
        height: auto;
        width: 100%;
    }

    #highlight-content{
        padding-left: 106px !important;
        /* padding-right: 70px !important;
        padding-top: 10px !important; */
    }

    .navigation-container.collapsed, 
    .navigation-container.collapsed #navigation, 
    .navigation-container.collapsed .navigation {
        width: 11% !important;
    }

    .path-regional-committee-resolution #main-content{
        padding-left: 77px !important;
        padding-right: 34px !important;
        padding-top: 30px !important;
    }

    .header .block-system-branding-block{
        width: 25%;
    }

    .navbar-brand a.site-title{
        display: none;
    }

    #block-sea-hearts-views-block-seahearts-country-commitments .views-row.row-1 .views-col.col-2{
        height: auto;
    }

    #block-sea-hearts-views-block-seahearts-an-effort-sdg-targets-regional .view-content{
        justify-content: normal;
    }

    #block-sea-hearts-regionalcommitteeresolutiononseahearts{
        width: 100%;
    }

    #block-sea-hearts-views-block-seahearts-an-effort-sdg-targets-regional .view-content{
        height: auto;
    }

    #block-sea-hearts-views-block-seahearts-an-effort-sdg-targets-regional {
        height: auto;
        width: 100%;
    }

    #block-sea-hearts-views-block-seahearts-country-commitments{
        width: 100%;
    }

    #block-sea-hearts-views-block-seahearts-country-commitments .views-row.row-2 .views-col.col-1{
        height: auto;
    }

    #block-sea-hearts-views-block-seahearts-country-commitments .views-row.row-2 .views-col.col-2{
        height: auto;
    }

    #block-sea-hearts-views-block-seahearts-country-commitments .views-view-grid.horizontal.cols-2.clearfix {
        height: auto !important;
    }

    #block-sea-hearts-views-block-seahearts-country-commitments{
        height: auto !important;
    }


    .path-good-practices #main-content h2{
        text-align: center;
       }

    .path-good-practices #main-content .view-content{
        padding-left: 67px !important;
        padding-right: 20px !important;
        min-height: auto !important;
       }

    .path-good-practices .custom-news-events-link-wrapper .custom-title-body-wrapper h4{
        margin-top: 10px;
       }

    .path-good-practices #sub-section .container{
        padding-left: inherit;
       }

       .path-good-practices #main-content .view-content{
        min-height: auto !important;
       }

    /*learning resources sec*/
       .path-learning-resources #block-sea-hearts-views-block-all-news-and-events-listing-block-3 h2{
       text-align: center;
       }

       .path-learning-resources #main-content .view-display-id-block_3 .views-view-grid .views-row{
        display: grid !important;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
       }

       .path-learning-resources #main-content .view-display-id-block_3 .views-view-grid .views-col{
        width: 100% !important;
       }

       .path-learning-resources #main-content .view-display-id-block_3 .view-content{
        padding-left: 65px !important;
    padding-right: 20px !important;
       }

         /*news and events sec*/

         .path-news-events #main-content h2{
          text-align: center;
           }
    
           .path-news-events #main-content .view-content{
            padding-left: 65px !important;
        padding-right: 20px !important;
           }
    
           .path-news-events #sub-section{
            padding-left: 65px !important;
        padding-right: 20px !important;
           }
    

     /*diabetes sec*/

     .path-hypertension-diabetes #banner-section .container{
        padding-left: 65px !important;
        padding-right: 20px !important;
        padding-top: 20px !important;
     }

     .details-page-top-container .filter-dropdowns h5{
        white-space: nowrap;
     }

     .path-hypertension-diabetes .indicator-card-container .field--type-text-with-summary{
        width: 55% !important;
     }

     #block-sea-hearts-hypertensionanddiabetes .detail-container img{
        left: 16px !important;
     }

     .path-hypertension-diabetes #main-content{
        padding-left: 65px !important;
        padding-right: 20px !important;
        padding-top: 20px !important;
     }

     .path-hypertension-diabetes .hypertension-chart-container{
        flex-direction: column;
     }

     .path-hypertension-diabetes .hypertension-chart-container .hypertension-right-div{
        width: 100% !important;
        margin-top: 10px;
     }

     .path-hypertension-diabetes .hypertension-chart-container #hypertension-chart1{
        width: 100% !important;
     }

     /**tobacco pg**/

     .path-tobacco-control #banner-section .container{
        padding-left: 65px !important;
        padding-right: 20px !important;
        padding-top: 20px !important;
     }

     .path-tobacco-control .indicator-card-container .field--type-text-with-summary{
        width: 55% !important;
     }

     #block-sea-hearts-tobaccocontrol .detail-container img{
        left: 8px !important;
     }
     
     .path-tobacco-control #main-content{
        padding-left: 65px !important;
        padding-right: 20px !important;
        padding-top: 20px !important;
     }

     .path-tobacco-control .tobacoo-chart-container{
        flex-direction: column;
     }

     .path-tobacco-control .tobacoo-chart-container #tobacoo-chart1{
        width: 100% !important;
     }

     .path-tobacco-control .tobacoo-chart-container .tobacco-right-div{
        width: 100% !important;
        margin-top: 10px;
     }

     /*salt intake page*/
     .details-page-top-container .filter-dropdowns h5{
        white-space: nowrap;
     }

     .path-salt-intake-reduction #banner-section .container{
        padding-left: 65px !important;
        padding-right: 20px !important;
        padding-top: 20px !important;
     }

     .path-salt-intake-reduction .indicator-card-container .field--type-text-with-summary{
        width: 55% !important;
     }

     #block-sea-hearts-reducingsaltintake .detail-container{
        width: 100% !important;
     }

     #block-sea-hearts-reducingsaltintake .detail-container img{
        top: 17px !important;
        left: 4px !important;
     }

     .path-salt-intake-reduction #main-content{
        padding-left: 65px !important;
        padding-right: 20px !important;
        padding-top: 20px !important;
     }

     .path-salt-intake-reduction .salt-chart-container .salt-graphs{
        justify-content: center;
    align-items: center;
    width: 100% !important;
     }

     .path-salt-intake-reduction .salt-chart-container .salt-graphs #salt-chart2{
        margin-top: 10px;
     }

     .path-salt-intake-reduction .salt-chart-container .salt-right-div{
        margin-top: 10px;
        width: 100% !important;
     }

     .path-salt-intake-reduction .salt-chart-container{
        flex-direction: column;
     }

     /*transfatty page*/

     .path-trans-fatty-acids-elimination #banner-section .container{
        padding-left: 65px !important;
        padding-right: 20px !important;
        padding-top: 20px !important;
     }

     .details-page-top-container .filter-dropdowns h5{
        white-space: nowrap;
     }

     .path-trans-fatty-acids-elimination .indicator-card-container .field--type-text-with-summary{
        width: 58% !important;
     }

     #block-sea-hearts-transfattyacidseliminationpoliciesandmeasures .detail-container img{
        top: 29px !important;
        left: 3px !important;
     }

     .path-trans-fatty-acids-elimination .fatty-chart-container{
        flex-direction: column;
     }

     .path-trans-fatty-acids-elimination .fatty-chart-container .fatty-right-div{
        width: 100% !important;
        margin-top: 10px;
     }


     .path-trans-fatty-acids-elimination .fatty-chart-container #fatty-chart1{
        width: 100% !important;
     }


     .review-page-outer-display{
        flex-direction: column;
     }



       .path-frontpage .region.region-content .block {
        width: 100% !important;
    }

    .path-frontpage .region.region-content .block {
        width: 100% !important;
    }

    .path-frontpage .region.region-content #block-sea-hearts-homepagechart{
        width: 100% !important;
    }

    .content-charts #chart-container{
        width: 40%;
    display: flex;
    justify-content: center;
    align-items: center;
    }

    .path-frontpage .region.region-content #block-sea-hearts-homepagechart .content-charts{
        align-items: center;
    }

    .path-frontpage .region.region-content #block-sea-hearts-views-block-home-page-indiactors-block-2 {
        padding-left: 20px !important;
        padding-right: 20px !important;
        margin-top: 20px;
    }

    .path-frontpage #sub-section{
        padding-left: 58px !important;
    padding-right: 12px !important;
    margin-top: 20px;
    }

    .path-frontpage #main-content{
        padding-left: 60px !important;
        padding-right: 15px !important;
    }



/*loginpg*/
    .path-user .page-container .page-container-content #main-content .region.region-content{
        display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    }

    .path-user .page-container-content{
        justify-content: center;
        align-items: center;
        flex-direction: column;
    }
    
    .path-user .page-container .page-container-content #banner-section{
        width: 100% !important;
    }
    
    .path-user .page-container .page-container-content #main-content{
        width: 100% !important;
    }
    
    #edit-openid-connect-client-generic-login{
        float: none !important;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .path-user #block-sea-hearts-headerwhoimage3 .field--name-field-header-who-image-right{
        display: none;
    }


    .path-trans-fatty-acids-elimination-review .card-table-conatiner{
        flex-direction: column;
    }
    
    .path-trans-fatty-acids-elimination-review .card-table-conatiner .content-wrapper{
        width: 100% !important;
        padding-right: 5px;
    
    }

    .path-trans-fatty-acids-elimination-review .card-table-conatiner .all-charts-div{
        width: 100% !important;
        padding-left: 0px !important;
    }

    .path-trans-fatty-acids-elimination-review .region.region-content .trans-review-page-header h3{
        margin-left: 13px;
    }

    .path-trans-fatty-acids-elimination-review .region.region-content{
        padding-left: 65px !important;
    padding-right: 20px !important;
    padding-top: 20px !important;
    }
}


@media only screen and (max-width: 991px) {
    .path-news-events #main-content .view-content{
        height: auto;
        min-height: auto;
    }

    .path-reporting-templates .indicator-card.view.view-reporting-template .views-row .views-col{
        width: 50% !important;
        margin-bottom: 20px;
    }


}