@media only screen and (max-width: 768px){
    .mobile_none{
        display: none;
    }
    .page_title{
        font-size: 1.8rem!important;
    }
    .page_subtitle{
        font-size: 1rem!important;
    }
    .explore_title{
        font-size: 1.3rem!important;
        padding: 1rem 0rem 0rem!important;
        margin-bottom: 0.6rem!important;
    }
    .feature_box{
        margin-top: 0rem!important;
        margin-bottom: 2rem;
    }
    .feature_content{
        padding: 1rem;
    }
    .feature_title{
        font-size: 1.3rem!important;
    }
    .feature_subtitle{
        font-size: 1rem!important;
    }
    .item_feature li {
        font-size: 14px!important;
    }
    .graphic img {
        width: 85%;
    }
    header>nav.navbar-expand.bg-nav-gray{
        display: none!important;
    }
    ol.breadcrumb{
        min-height: auto!important;
    }
    .card-main .page_title, .bg-banner .page_title{
        font-size: 1.6rem!important;
        position: relative;
        z-index: 999;
        width: 100%;
    }
    .card_for_age {
        margin: 1rem 0rem!important;
        padding: 2rem 2rem!important;
    }
    .age-detail .age_calc_title{
        font-size: 20px;
    }
    .age-detail p{
        font-size: 15px;
        line-height: 22px;
    }
    .mobile_box_calculator{
        margin-top: 2rem!important;
        order: 1;
    }
    .box_pack .individual{
        font-size: 20px;
    }
    #faq {
        margin-top: 0rem;
    }
    .accordion {
        padding: 0px 15px;
        margin: 0;
    }
    .graphics .faq_img {
        width: 100%;
        padding: 0rem;
    }
    .card_form{
        padding: 1rem!important;
    }
    .main-data-picker h3{
        font-size: 20px!important;
    }
    .table_box tbody tr td label {
        font-size: 16px!important;
    }
    .enter h4{
        font-size: 15px;
    }
    .internet_speed{
        width: 100%;
    }
    .mass_button{
        font-size: 10px!important;
    }
    .calculate_box{
        padding: 0.5rem;
    }
    .accordion-content .title {
        font-size: 15px;
    }
    .title {
        line-height: normal;
    }
    
    #chart-container #chart-area .canvasjs-chart-container .canvasjs-chart-canvas{
        position: initial!important;
        width: 100%!important;
        margin-top: 4rem;
    }
    .card-main .leaf_up_card, .card_for_age .leaf_down_card{
        display: none;
    }
    .card_for_age .circle-graph{
        width: 100%;
    }
    .text_count{
        font-size: 14px;
        color: #e80000!important;
    }
    
}