@media screen and (min-width:240px) and (max-width: 360px) {
    /* .inside img {
        max-width: 100%;
        width: 52%;
        height: 265px;
        position: relative;
        top: 44px;
        left: 0;
        right: 0;
        object-fit: cover;
        margin: auto;
        display: block;
    }
    .frame {
        background-size: contain;
        width: 100%;
        height: 325px;
        position: absolute;
        right: 0;
        top: 0px;
        bottom: 0;
        background-position: top;
    }
    .picture {
        width: 100%;
        position: relative;
        float: left;
        margin: 0;
        height: auto;
    } */
    .logo_img1 {
        width: 100px;
    }
    .logo_img {
        width: 130px;
    }
    .activities {
        position: relative;
        padding: 90px 0 50px;
    }
    h3 span {
        font-size: 58px;
    }
    .activities {
        height: auto !important;
    }
    h3 {
        margin-bottom: 0px !important;
    }
    .preview_sec {
        padding: 60px 0!important;
    }
    .preview_buttons {
        margin-top: 80px;
    }
    .back_btn {
        position: absolute;
        top: 4%;
    }
}

@media screen and (min-width:362px) and (max-width: 424px) {
    /* .inside img {
        max-width: 100%;
        width: 43%;
        height: 264px;
        position: relative;
        top: 44px;
        left: 0;
        right: 0;
        object-fit: cover;
        margin: auto;
        display: block;
    }
    .frame {
        background-size: contain;
        width: 100%;
        height: 325px;
        position: absolute;
        right: 0;
        top: 0px;
        bottom: 0;
        background-position: top;
    }
    .picture {
        width: 100%;
        position: relative;
        float: left;
        margin: 0;
        height: auto;
    } */
    .logo_img1 {
        width: 100px;
    }
    .logo_img {
        width: 130px;
    }
    .activities {
        position: relative;
        padding: 90px 0 50px;
    }
    h3 span {
        font-size: 58px;
    }
    .activities {
        height: auto !important;
    }
    h3 {
        margin-bottom: 0px !important;
    }
    .preview_sec {
        padding: 60px 0!important;
    }
    .preview_buttons {
        margin-top: 80px;
    }
    .back_btn {
        position: absolute;
        top: 4%;
    }
}

@media screen and (min-width:425px) and (max-width: 500px) {
    /* .inside img {
        max-width: 100%;
        width: 38%;
        height: 262px;
        position: relative;
        top: 44px;
        left: 0;
        right: 0;
        object-fit: cover;
        margin: auto;
        display: block;
    }
    .frame {
        background-size: contain;
        width: 100%;
        height: 325px;
        position: absolute;
        right: 0;
        top: 0px;
        bottom: 0;
        background-position: top;
    }
    .picture {
        width: 100%;
        position: relative;
        float: left;
        margin: 0;
        height: auto;
    } */
    .logo_img1 {
        width: 100px;
    }
    .logo_img {
        width: 130px;
    }
    .activities {
        position: relative;
        padding: 90px 0 50px;
    }
    h3 span {
        font-size: 58px;
    }
    .activities {
        height: auto !important;
    }
    h3 {
        margin-bottom: 0px !important;
    }
    .preview_sec {
        padding: 60px 0!important;
    }
    .preview_buttons {
        margin-top: 80px;
    }
    .back_btn {
        position: absolute;
        top: 4%;
    }
}

@media screen and (min-width:501px) and (max-width: 768px) {
    /* .inside img {
        max-width: 100%;
        width: 62%;
        height: 365px;
        position: relative;
        top: 60px;
        left: 0;
        right: 0;
        object-fit: cover;
        margin: auto;
        display: block;
    }
    .frame {
        background-size: contain;
        width: 100%;
        height: 450px;
        position: absolute;
        right: 0;
        top: 0px;
        bottom: 0;
        background-position: top;
    }
    .picture {
        width: 100%;
        position: relative;
        float: left;
        margin: 0;
        height: auto;
    } */
    .logo_img1 {
        width: 100px;
    }
    .logo_img {
        width: 130px;
    }
    .activities {
        position: relative;
        padding: 100px 0 50px;
    }
    h3 span {
        font-size: 58px;
    }
    .activities {
        height: auto !important;
    }
    h3 {
        margin-bottom: 0px !important;
    }
    .preview_sec {
        padding: 60px 0!important;
    }
    .preview_buttons {
        margin-top: 80px;
    }
    .back_btn {
        position: absolute;
        top: 6%;
    }
}

@media screen and (min-width:769px) and (max-width: 1025px) {
    /* .inside img {
        max-width: 100%;
        width: 55%;
        height: 444px;
        position: relative;
        top: 74px;
        left: 0;
        right: 0;
        object-fit: cover;
        margin: auto;
        display: block;
    }
    .frame {
        background-size: contain;
        width: 100%;
        height: 550px;
        position: absolute;
        right: 0;
        top: 0px;
        bottom: 0;
        background-position: top;
    }
    .picture {
        width: 100%;
        position: relative;
        float: left;
        margin: 0;
        height: auto;
    } */
    .preview_buttons {
        margin: 180px 0;
    }
    .row-cols-5>* {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }
}