/* screen - activity-detail-mobile */
@media (max-width: 576px) {
    .activity-detail-mobile {
        align-items: center;
        background-color: var(--white);
        display: flex;
        flex-direction: column;
        height: auto;
        width: 360px;
    }

    .activity-detail-mobile .overlap-group4 {
        height: 79px;
        position: relative;
        width: 360px;
    }

        .activity-detail-mobile .header {
            align-items: flex-start;
            background-color: transparent;
            display: flex;
            flex-direction: column;
            height: auto;
            justify-content: flex-start;
            left: 0;
            min-height: 79px;
            position: absolute;
            top: 0;
            width: 360px;
        }

        .activity-detail-mobile .overlap-group2 {
            align-items: flex-start;
            background-color: var(--white);
            display: flex;
            gap: 30px;
            height: 73px;
            min-width: 360px;
            padding: 6px 20px;
        }

        .activity-detail-mobile .ti-logo {
            align-self: center;
            height: 18px;
            margin-top: 1.0px;
            object-fit: cover;
            width: 145px;
        }

        .activity-detail-mobile .rectangle-3 {
            height: 60px;
            object-fit: cover;
            width: 12px;
        }

        .activity-detail-mobile .search-box-in-page {
            align-items: center;
            border: 1px solid;
            border-color: var(--guardsman-red);
            border-radius: 10px;
            display: flex;
            gap: 167px;
            justify-content: flex-end;
            margin-top: 10px;
            min-width: 320px;
        }

        .activity-detail-mobile .search {
            letter-spacing: 0;
            line-height: 20px;
            margin-bottom: 4.0px;
            min-height: 26px;
            min-width: 61px;
            white-space: nowrap;
        }

        .activity-detail-mobile .overlap-group1 {
            background-color: var(--guardsman-red);
            border-radius: 0px 10px 10px 0px;
            height: 60px;
            position: relative;
            width: 70px;
        }

        .activity-detail-mobile .p {
            display: flex;
            gap: 17px;
            height: auto;
            margin-left: 2.0px;
            margin-top: 20px;
            width: 322px;
        }

        .activity-detail-mobile .activities {
            align-self: flex-end;
            flex: 1;
            height: auto;
            letter-spacing: 0;
            line-height: 22px;
            margin-right: -2px;
            white-space: nowrap;
            width: 292px;
        }



        .activity-detail-mobile .title {
            flex: 1;
            height: auto;
            letter-spacing: 0;
            line-height: 39px;
            margin-right: -2px;
        }

        .activity-detail-mobile .group-214 {
            display: flex;
            flex-direction: column;
            height: auto;
            justify-content: space-between;
            margin-top: 30px;
            width: 300px;
        }

        .activity-detail-mobile .ss-act-exploring-motion-in-the-plane {
            height: auto;
            margin-bottom: -10px;
            margin-right: -10px;
            object-fit: cover;
            width: 320px;
        }

        .activity-detail-mobile .group-198 {
            align-items: flex-start;
            display: flex;
            min-width: 300px;
        }



        .activity-detail-mobile .in-this-activity-s {
            flex: 1;
            height: 87px;
            letter-spacing: 0;
            line-height: 22px;
            margin-right: -2px;
        }

        .activity-detail-mobile .h3 {
            align-items: flex-end;
            display: flex;
            height: auto;
            margin-left: 2.0px;
            margin-top: 30px;
            width: auto;
            font-size: 20px;
            font-weight: normal;
            font-family: Lato;
        }

        .activity-detail-mobile .p-2 {
            height: 217px;
            margin-left: 2.0px;
            margin-top: 20px;
            width: 322px;
        }

        .activity-detail-mobile .this-tns-file-provid {
            flex: 1;
            height: auto;
            letter-spacing: 0;
            line-height: 22px;
            margin-right: -2px;
            font-size: 16px;
            font-weight: normal;
            font-family: Lato;
        }



        .activity-detail-mobile .icon-download-lm {
            height: 75px;
            margin-right: 1.0px;
            object-fit: cover;
            width: 75px;
        }



        .activity-detail-mobile .download-title-and-link {
            display: flex;
            flex-direction: column;
            height: 63px;
            justify-content: space-between;
            width: 320px;
        }

        .activity-detail-mobile .p-3 {
            flex: 1;
            height: 19px;
            max-height: 19px;
        }

        .activity-detail-mobile .p-4 {
            flex: 1;
            height: 19px;
            max-height: 19px;
        }

    .activity-detail-mobile .p-5 {
        flex: 1;
        height: auto;
        max-height: auto;
    }

        .activity-detail-mobile .p-6 {
            flex: 1;
            height: auto;
            max-height: auto;
        }





        .activity-detail-mobile .group-1 {
            display: flex;
            flex-direction: column;
            gap: 10px;
            height: 70px;
            justify-content: flex-end;
            width: 300px;
        }


        .activity-detail-mobile .level {
            flex: 1;
            height: 21px;
            letter-spacing: 0;
            line-height: 22px;
            margin-right: -2px;
            white-space: nowrap;
        }



        .activity-detail-mobile .text-3 {
            flex: 1;
            height: 21px;
            letter-spacing: 0;
            line-height: 22px;
            margin-right: -2px;
            white-space: nowrap;
        }


        .activity-detail-mobile .group-194 {
            display: flex;
            flex-direction: column;
            gap: 10px;
            height: 92px;
            justify-content: flex-end;
            width: 300px;
        }


        .activity-detail-mobile .ti-nspire-cxcx-ii {
            flex: 1;
            height: 65px;
            letter-spacing: 0;
            line-height: 22px;
            margin-right: -2px;
        }



        .activity-detail-mobile .p-13 {
            flex: 1;
            max-height: 41px;
        }

        .activity-detail-mobile .p-14 {
            flex: 1;
            max-height: 19px;
        }

        .activity-detail-mobile .p-15 {
            flex: 1;
            max-height: 19px;
        }

        .activity-detail-mobile .text-4 {
            flex: 1;
            height: 21px;
            letter-spacing: 0;
            line-height: 22px;
            margin-right: -2px;
            white-space: nowrap;
        }

        .activity-detail-mobile .fat-footer {
            align-items: flex-start;
            background-color: var(--tundora);
            display: flex;
            flex-direction: column;
            gap: 40px;
            margin-top: 30px;
            min-height: 1215px;
            padding: 28px 20.0px;
            width: 360px;
        }

        .activity-detail-mobile .group-18 {
            display: flex;
            flex-direction: column;
            height: 349px;
            justify-content: space-between;
            margin-left: 0;
            width: 260px;
        }

        .activity-detail-mobile .group-180 {
            display: inline-block;
            flex: 1;
            flex-direction: column;
            gap: 8px;
            height: 144px;
            max-height: 144px;
        }

        .activity-detail-mobile .products {
            flex: 1;
            height: 21px;
            letter-spacing: 0;
            line-height: 20px;
            margin-right: -2px;
            white-space: nowrap;
        }

        .activity-detail-mobile .group-183 {
            display: flex;
            flex-direction: column;
            height: 369px;
            justify-content: space-between;
            width: 260px;
        }

        .activity-detail-mobile .group-180-1 {
            height: 224px;
            max-height: 224px;
        }

        .activity-detail-mobile .teacher-resources {
            height: 21px;
            line-height: 20px;
        }

        .activity-detail-mobile .group-180-2 {
            height: 204px;
            max-height: 204px;
        }

        .activity-detail-mobile .footer {
            align-items: flex-start;
            background-color: transparent;
            display: flex;
            flex-direction: column;
            flex-shrink: 1;
            height: auto;
            justify-content: flex-start;
            min-height: 244px;
            width: 360px;
        }

        .activity-detail-mobile .rectangle-2 {
            background-color: var(--nobel);
            height: 1px;
            width: 360px;
        }

        .activity-detail-mobile .overlap-group {
            align-items: flex-end;
            background-color: var(--white);
            display: flex;
            flex-direction: column;
            min-height: 243px;
            padding: 19px 18px;
            width: 360px;
        }

        .activity-detail-mobile .flex-row {
            align-items: flex-start;
            display: flex;
            gap: 10px;
            height: auto;
            margin-top: 14px;
            min-width: auto;
        }

        .activity-detail-mobile .social-icons {
            align-items: flex-start;
            align-self: center;
            display: flex;
            gap: 9px;
            margin-left: 1.0px;
            margin-top: 32px;
            min-width: auto;
        }

        .activity-detail-mobile .group-180-3 {
            display: flex;
            flex: 1;
            flex-direction: column;
            gap: 8px;
        }

        .activity-detail-mobile .p-16 {
            align-items: flex-end;
            display: flex;
        }

        .activity-detail-mobile .rect {
            height: 3px;
            width: 360px;
        }
    .activity-details-left-side {
        display: none !important;
    }

    .activity-detail-mobile .group {
        display: inline-block;
        flex-direction: column;
        gap: 10px;
        height: auto;
        justify-content: flex-end;
        width: auto;
    }
    .activity-detail-mobile .h1 {
        align-items: flex-end;
        display: flex;
        height: auto;
        margin-left: 2.0px;
        margin-top: 20px;
        width: 322px;
        font-size: 34px;
        font-family: Lato;
        font-weight: normal;
    }
    .activity-detail-mobile .p-1 {
        height: auto;
        margin-left: 2.0px;
        margin-top: 10px;
        width: auto;
        font-size: 16px;
        font-family: Lato;
        font-weight: normal;
        line-height: 22px;
    }
    .activity-detail-mobile .p-12 {
        font-size: 16px;
        font-family: Lato;
        font-weight: normal;
        line-height: 22px;
    }
    .activity-detail-mobile .group-187 {
        align-items: flex-start;
        display: flex;
        flex-direction: column;
        gap: 10px;
        min-height: auto;
        width: auto;
    }
    .activity-detail-mobile .group-215 {
        align-items: center;
        display: flex;
        flex-direction: column;
        gap: 10px;
        margin-top: 30px;
        min-height: auto;
        width: auto;
        margin-bottom: 30px;
    }
    .activity-detail-mobile .group-197 {
        background-color: var(--cararra);
        display: inline-block;
        height: auto;
        margin-bottom: 10px;
        width: 100%;
    }

    .activity-details-left-mobile {
        margin-left: -45px;
        margin-right: -25px;
    }

    .group-190 {
        min-height: auto !important;
    }