.header_logo {
    height: 50px;
}

.header_nav {
    font-size: 15px;
}

.header_nav > a {
    color: black;
    display: inline-block;
}

.one_nav {
    margin-top: 16px;
}

.pointer {
    cursor: pointer;
}

.footer {
    background-color: #E30613;
}

.bg-danger {
    background-color: #E30613 !important;
}

.text-danger{
    color: #E30613 !important;
}

.icon {
    font-size: 24px;
}

.news_category_container {
    padding-bottom: 50px;
    border-bottom: thin solid #E30613;
}

.news_title {
    font-weight: bold;
    font-size: 20px;
    margin-left: 25px;
}

.news_date{
    font-size: 12px;
    color: #999;
    margin-left: 25px;
}

.news_cover_photo {
    border-radius: 20px;
}

.mission_container {
    margin-bottom: 0;
}

.vision_container {
    margin-top: 0;
}

.mv_seperator {
    height: 5px;
}

.mv_seperator_1 {
    background-color: #E30613;
}

.mv_seperator_2 {
    background-color: white;
}

@media screen and (max-width: 767px) {
    .two_nav {
        margin-top: 8px;
    }

    .selected_nav {
        color: #E30613;
        font-weight: bold;;
    }

    .about_us_image {
        width: 100%;
    }

    .carousel-indicators li {
        width: 10px;
        height: 10px;
        border-radius: 100%;
    }

    .carousel_image {
        width: 100%;
    }

    .about_top_content {
        background-image: url(../images/about2.png);
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover; 
        width: 100%;
        height: 600px;
        padding-top: 300px;
        padding-left: 80px;
    }

    .about_mnv_header {
        text-align: center;
    }

    .about_header {
        font-size: 24px;
    }

    .about_content {
        font-size: 14px;
    }
}

@media screen and (min-width: 768px) {
    .two_nav {
        margin-top: 16px;
    }

    .selected_nav {
        background-color: #E30613;
        border-radius: 10px;
        padding: 5px 5px;
        color: white !important;
        display: inline-block;
        margin-top: -4px;
    }

    .contact_us_container {
        margin-top: -25px;
    }

    .contact_form {
        padding: 25px;
        border: thin solid #eee;
        border-radius: 10px;
        box-shadow: 2px 2px #eee;
        background-color: #fff;
    }

    .about_us_image {
        width: 75%;
    }

    .carousel_image {
        width: 100%;
    }

    .about_top_content {
        background-image: url(../images/about2.png);
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover; 
        width: 100%;
        height: 1200px;
        padding-top: 600px;
        font-size: 20px;
    }
    
    .about_mid_content {
        background-image: url(../images/about_founder.png);
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover; 
        width: 100%;
        height: 600px;
        font-size: 30px;
        margin-top: -50px;
    }

    .about_header {
        font-size: 36px;
    }
}

.carousel_button {
    height: 80%;
    margin-top: 3%;
}

.product_cover_photo {
    border-radius: 30px;
}

.our_mission_container {
    background-image: url("../images/mission.png");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.our_mission {
    margin-left: 10%;
    width: 80%;
    color: white;
    background-image: linear-gradient(to right, rgba(255,0,0,0), rgba(227, 6, 19,1), rgba(255,0,0,0));
}

.team_member_container {
    border: thin solid lightblue;
    border-radius: 25px;
}

.team_member_photo {
    border-radius: 100%;
}

.team_member_name {
    color: #E30613;
    font-weight: bold;
    font-size: 24px;
}

.team_member_position {
    color: #888;
}

.team_member_desc {
    font-size: 12px;
}

.milestone_div {
    background-image: url("../images/world_map.png");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.milestone_left_div {
    border-right: thick solid red;
}

.milestone_right_div {
    margin-top: 150px;
}

.milestone_01_div {
    background-image: url("../images/roadmap_01.png");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 250px;
}

.milestone_02_div {
    background-image: url("../images/roadmap_02.png");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 250px;
}

.milestone_03_div {
    background-image: url("../images/roadmap_03.png");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 250px;
}

.milestone_04_div {
    background-image: url("../images/roadmap_04.png");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 250px;
}

.milestone_05_div {
    background-image: url("../images/roadmap_05.png");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 250px;
}

.milestone_all_div {
    margin: 20px;
    padding: 20px 10px;
    background-color: #eee;
    opacity: 0.8;
    border-radius: 10px;
    font-size: 14px;
}

.product_title {
    border-bottom: 2px solid red; 
}

.btn {
    padding: 10px 25px !important;
    font-size: 12px;
}

.error_input {
    border-color: red;
}

.carousel-control-next,
.carousel-control-prev /*, .carousel-indicators */ {
    filter: invert(100%);
}