@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 812px) 
  and (-webkit-min-device-pixel-ratio: 3)
  and (orientation: landscape) { 

    .ecnomic-page .economic-main-tab a {
        width: 49.6%;
        padding: 21px 0 0 80px;
    }

        .economy-wrapper {
            width: 80%;
            margin: 0 auto;
        }

        .ecnomic-page h2 {
            font-size: 40px;   
        }

        .ecnomic-page .green-right.indi_data > div {
            width: 32%;
            margin-right: 10px;
            border: none;
        }
        .ecnomic-page .population-icon img {
            width: 60px;
            height: 60px;
            opacity: 1;
            max-width: 60px;
        }
        .ecnomic-page .population-icon {
            flex-wrap: wrap;
            justify-content: center;
            background-size: 100% 142px;
            min-height: 144px;
            align-items: center;
            flex-direction: column;
            
        }
        .ecnomic-page .population-icon h4 {
            font-size: 20px;
        }
        h4.body-content--title {
            font-size: 40px;
        }
        .prior_period_content {
            margin-top: 111px;
        }

        .ecnomic-page .updates {
            position: absolute;
            top: 252px;
            left: 10px;
        }
        .dummy-table {
            margin: 0 auto;
            width: 80%;
        }
        
        .ecnomic-page .body-content {
            margin-top:0px !important;
            display: block;
            top: 0px;
            padding-top: 16px;
        }
        .ecnomic-page .body-content .green-right-right {
            width: auto;
            margin: 0;
        }

   }

   
@media  (max-width:1024px) {  
    .economy-wrapper {
        width: 90%;
        margin: 30px auto;
    }
    .dummy-table {
        margin: 0 auto;
        width: 90%;
    }
    .ecnomic-page .green-right-center {
        float: left;
        font-size: 50px;
        margin: 8px;
        width: 162px;
    }
    .ecnomic-page .population-icon {
        position: relative;
        top: 13px;
    }
}


@media  (max-width:768px) { 

    .ecnomic-page .economic-main-tab a {
        width: 49.6%;
        padding: 14px 43px 0 90px;
        line-height: 19px;
    }
    

        .economy-wrapper {
            width: 80%;
            margin: 30px auto;
        }

        .ecnomic-page h2 {
            font-size: 40px;   
        }

        .ecnomic-page .green-right.indi_data > div {
            width: 32%;
            margin-right: 10px;
            border: none;
        }
        .ecnomic-page .population-icon img {
            width: 60px;
            height: 60px;
            opacity: 1;
            max-width: 60px;
        }
        .ecnomic-page .population-icon {
            flex-wrap: wrap;
            justify-content: center;
            background-size: 100% 142px;
            min-height: 144px;
            align-items: center;
            flex-direction: column;
            
        }
        .ecnomic-page .population-icon h4 {
            font-size: 20px;
        }
        h4.body-content--title {
            font-size: 40px;
        }
        .prior_period_content {
            margin-top: 111px;
        }

        .ecnomic-page .updates {
            position: absolute;
            top: 252px;
            left: 10px;
        }
        .dummy-table {
            margin: 0 auto;
            width: 80%;
        }
        
        .ecnomic-page .body-content {
            margin-top:0px !important;
            display: block;
            top: 0px;
            padding-top: 16px;
        }
        .ecnomic-page .body-content .green-right-right {
            width: auto;
            margin: 0;
        }
}
@media  (max-width:767px) {
    .body-content .body-content--date {
        font-size: 9px;
        text-transform: uppercase;
        line-height: 16px;
    }
    .ecnomic-page .prior_period_content span {
        font-size: 12px;
        line-height: 16px;
    }
    .prior_period_content h3.change_prior_period {
        font-size: 19px;
        margin-bottom: 0;
        margin-top: 40px;
    }
    h4.body-content--title {
        font-size: 16px;
        line-height: 14px;
        word-break: break-word;
    }
    .ecnomic-page .updates img, .green-right-right > div img {
        max-width: 62%;
    }
    .ecnomic-page .population-icon {
        flex-wrap: wrap;
        justify-content: center;
        background-size: 100% 106px;
        min-height: 119px;
        align-items: center;
        flex-direction: column;
        padding: 9px 0 39px;
    }
    .ecnomic-page .population-icon img {
        width: 40px;
        height: 40px;
        opacity: 1;
        max-width: 60px;
    }
    .ecnomic-page .population-icon h4 {
        font-size: 10px;
    }
    .ecnomic-page .green-right.indi_data {
        flex-wrap: nowrap;
    }
    .ecnomic-page .green-right.indi_data > div {
        width: 31%;
        margin-right: 11px;
        border: none;
    }
    .economy-wrapper.ecnomic-page {
         width: 100%;
    }
    .ecnomic-page h2 {
        font-size: 26px;
        line-height: 39px;
    }
.ecnomic-page .green-left p a {
    font-size: 11px;
}
.ecnomic-page .green-left {
    padding: 0px;
}

.dummy-table {
    padding: 0 10px;
    width: 100%;
    overflow-x: scroll;
    margin-top: 0px !important;
}
.ecnomic-page .updates {
    position: absolute;
    left: 0;
}
.prior_period_content {
    padding: 0 0 25px;
    margin-top: 94px;
}
.prior_period_content h3 {
    margin: 0;
}
.ecnomic-page .updates, .green-right-right > div {
    position: absolute;
    left: 17px;
    top: 100px;
}
.ecnomic-page .body-content {
    
    display: flex;
    top: -24px;
}
.ecnomic-page .economic-main-tab a {
    width: 100%;
    padding-left: 82px;
    font-size: 15px;
}
.economy-wrapper.ecnomic-page {
    width: 100%;
    padding: 0 10px;
}
}