@media screen and (min-width:240px) and (max-width: 360px) {
    html {
        padding-right: 5px;
    }
    body.cardbody {
        border-radius: 0px;
        border-top-right-radius: 0px !important;
    }
    .cardbody .section-header h1 {
        font-size: 16px;
    }
    .activities {
        border-radius: 0px;
    }
    .activity_box img {
        width: 35% !important;
    }
    .cardbody .section-header {
        background-size: cover;
        background-position: left;
    }
}

@media screen and (min-width:362px) and (max-width: 424px) {
    html {
        padding-right: 5px;
    }
    body.cardbody {
        border-radius: 0px;
        border-top-right-radius: 0px !important;
    }
    .cardbody .section-header h1 {
        font-size: 16px;
    }
    .activities {
        border-radius: 0px;
    }
    .activity_box img {
        width: 35% !important;
    }
    .cardbody .section-header {
        background-size: cover;
        background-position: left;
    }
}

@media screen and (min-width:425px) and (max-width: 500px) {
    html {
        padding-right: 5px;
    }
    body.cardbody {
        border-radius: 0px;
        border-top-right-radius: 0px !important;
    }
    .cardbody .section-header h1 {
        font-size: 16px;
    }
    .activities {
        border-radius: 0px;
    }
    .activity_box img {
        width: 70% !important;
    }
    .cardbody .section-header {
        background-size: cover;
        background-position: left;
    }
}

@media screen and (min-width:501px) and (max-width: 768px) {
    html {
        padding-right: 5px;
    }
    body.cardbody {
        border-radius: 0px;
        border-top-right-radius: 0px !important;
    }
    .cardbody .section-header h1 {
        font-size: 16px;
    }
    .activities {
        border-radius: 0px;
    }
    .activity_box img {
        width: 30% !important;
    }
    .cardbody .section-header {
        background-size: cover;
        background-position: left;
    }
}

@media screen and (min-width:769px) and (max-width: 1025px) {
    html {
        padding-right: 5px;
    }
    body.cardbody {
        border-radius: 0px;
        border-top-right-radius: 0px !important;
    }
    .cardbody .section-header h1 {
        font-size: 16px;
    }
    .activities {
        border-radius: 0px;
    }
    .activity_box img {
        width: 30% !important;
    }
    .cardbody .section-header {
        background-size: cover;
        background-position: left;
    }
}