.we_are_bactopus_head {
    color: #cdcfd3;
    margin-bottom: 20px;
}

.white {
    color: #FFFFFF !important;
}

.about_us_container {
    margin-top: 172px;
}

.we_are_bactopus_head {
    opacity: 74%;
}

/* .col-about-img {
    height: 621.97px;
} */

.about_us_shape1,
.about_us_shape2 img {
    width: 100vw;
}

.about_us_shape1 {
    filter: brightness(0.4);
}

.cd-horizontal-timeline .timeline {
    position: relative;
    height: 100px;
    margin: 0 auto;
}

.about_us_flex_row {
    display: flex;
    width: 100%;
    flex-wrap: wrap;
}

.bu_off_17,
.about_brief_col p {
    padding-right: 36px;
}

.about_lg.bu_off_17 {
    padding-right: 100px;
}

.cd-horizontal-timeline .events-content {
    position: relative;
    /*width: 482px;*/
    height: 225px;
    /*margin: 2em 0;*/
    overflow: hidden;
    -webkit-transition: height 0.4s;
    -moz-transition: height 0.4s;
    transition: height 0.4s;
    margin: 0 auto;
}


/***Mobile***/

@media(max-width:500px) {
    .about_us_flex_row {
        display: block;
    }
    about_us_flex_row div {
        width: 100%;
    }
    .about.bu_off_17 {
        padding-right: 0;
    }
    .about_lg.bu_off_17 {
        padding-right: 0;
    }
    .our_mission_section img {
        display: none;
    }
    .cd-horizontal-timeline .events-content {
        width: auto !important;
    }
    .cd-horizontal-timeline .timeline {
        position: relative;
        height: 100px;
        width: 100%;
        max-width: 100%;
        margin: 0 auto;
    }
    .col-about-img {
        height: auto;
        background-position: center;
        background-size: contain;
        background-repeat: no-repeat;
    }
    .cd-horizontal-timeline .events-wrapper::before {
        width: 32px !important;
    }
    .cd-horizontal-timeline .events-wrapper::after {
        width: 32px !important;
    }
    .our_mission_section {
        margin-top: 55px !important;
        height: 100%!important;
    }
    .about_us_container {
        margin-top: 60px !important;
    }
}

@media(min-width:501px) and (max-width:600px) {
    .about_us_flex_row {
        display: block;
    }
    about_us_flex_row div {
        width: 100%;
    }
    .about.bu_off_17 {
        padding-right: 0;
    }
    .about_lg.bu_off_17 {
        padding-right: 0;
    }
    .our_mission_section img {
        display: none;
    }
    .cd-horizontal-timeline .events-content {
        width: auto !important;
    }
    .cd-horizontal-timeline .timeline {
        position: relative;
        height: 100px;
        width: 100%;
        max-width: 100%;
        margin: 0 auto;
    }
    .col-about-img {
        height: auto;
        background-position: center;
        background-size: contain;
        background-repeat: no-repeat;
    }
    .cd-horizontal-timeline .events-wrapper::before {
        width: 32px !important;
    }
    .cd-horizontal-timeline .events-wrapper::after {
        width: 32px !important;
    }
    .our_mission_section {
        margin-top: 55px !important;
    }
    .about_us_container {
        margin-top: 60px !important;
    }
    .col-about-img img {
        margin-top: 45px !important;
        width: 50%;
    }
}

@media(min-width:601px) and (max-width:700px) {
    .about_us_flex_row {
        display: block;
    }
    about_us_flex_row div {
        width: 100%;
    }
    .about.bu_off_17 {
        padding-right: 0;
    }
    .about_lg.bu_off_17 {
        padding-right: 0;
    }
    .our_mission_section img {
        display: none;
    }
    .cd-horizontal-timeline .events-content {
        width: auto !important;
    }
    .cd-horizontal-timeline .timeline {
        position: relative;
        height: 100px;
        width: 100%;
        max-width: 100%;
        margin: 0 auto;
    }
    .col-about-img {
        height: auto;
        background-position: center;
        background-size: contain;
        background-repeat: no-repeat;
    }
    .cd-horizontal-timeline .events-wrapper::before {
        width: 32px !important;
    }
    .cd-horizontal-timeline .events-wrapper::after {
        width: 32px !important;
    }
    .our_mission_section {
        margin-top: 55px !important;
    }
    .about_us_container {
        margin-top: 60px !important;
    }
    .col-about-img img {
        margin-top: 45px !important;
        width: 50%;
    }
    #testLottie {
        display: none;
    }
}

@media(min-width:701px) and (max-width:1100px) {
    .about_us_flex_row {
        display: block;
    }
    about_us_flex_row div {
        width: 100%;
    }
    .about.bu_off_17 {
        padding-right: 0;
    }
    .about_lg.bu_off_17 {
        padding-right: 0;
    }
    .our_mission_section img {
        display: none;
    }
    .cd-horizontal-timeline .events-content {
        width: auto !important;
    }
    .cd-horizontal-timeline .timeline {
        position: relative;
        height: 100px;
        width: 100%;
        max-width: 100%;
        margin: 0 auto;
    }
    .col-about-img {
        height: auto;
        background-position: center;
        background-size: contain;
        background-repeat: no-repeat;
    }
    .cd-horizontal-timeline .events-wrapper::before {
        width: 32px !important;
    }
    .cd-horizontal-timeline .events-wrapper::after {
        width: 32px !important;
    }
    .our_mission_section {
        margin-top: 55px !important;
    }
    .about_us_container {
        margin-top: 60px !important;
    }
    .col-about-img img {
        margin-top: 45px !important;
        width: 50%;
    }
    #testLottie {
        display: block;
    }
}


/***small screens***/

@media(min-width:920px) and (max-width: 1119px) {}

@media(min-width:1200px) {
    .about_us_container {
        width: 74.53125vw !important;
    }
    .about_brief_col {
        width: 46.1458vw !important;
    }
    .col-about-img,
    .save_time_col_container {
        width: 27.38385416666667vw;
    }
    .save_time_col_container {
        text-align: center;
    }
    .about_mission_col {
        width: 32.76041666666667vw;
    }
    .save_time_col {
        width: 28.33333333333333vw;
        text-align: center;
        padding-top: 57px;
    }
    .our_mission_section {
        height: 861px;
    }
    .col-about-img {
        background-position: center;
        background-size: contain;
        background-repeat: no-repeat;
    }
    .cd-horizontal-timeline .timeline {
        width: 62.03125vw;
        max-width: 62.03125vw;
    }
    .our_mission_section {
        height: auto;
    }
    .cd-horizontal-timeline .events-content {
        width: 62.03125vw;
        max-width: 62.03125vw;
    }
}


/***Screens***/

@media (min-width: 1920px) {
    .about_us_container {
        width: 1400.28px !important;
    }
    .about_brief_col {
        width: 886px !important;
    }
    .we_are_bactopus_head {
        opacity: 74%;
    }
    .col-about-img,
    .save_time_col_container {
        width: 525.77px;
    }
    .save_time_col_container {
        text-align: center;
    }
    .about_mission_col {
        width: 629px;
    }
    .save_time_col {
        width: 544px;
        text-align: center;
        padding-top: 57px;
    }
    .our_mission_section {
        /* height: 861px; */
    }
    .cd-horizontal-timeline .events-content {
        width: 1191px;
        max-width: 1191px;
    }
    .cd-horizontal-timeline .timeline {
        position: relative;
        height: 100px;
        width: 1191px;
        max-width: 1191px;
        margin: 0 auto;
    }
}

@media(min-width: 768px) and (max-width: 1700px) {
    #testLottie {
        bottom: 20vh;
    }
}

@media(min-width: 1700px) and (max-width: 2500px) {
    #testLottie {
        bottom: 7vh;
    }
}

@media(min-width: 2500px) and (max-width: 2700px) {
    #testLottie {
        bottom: 2vh;
    }
}

@media(min-width: 2700px) {
    #testLottie {
        bottom: 0vh;
    }
}

@media(max-width:768px) {
    #testLottie {
        display: none !important;
    }
}