@media only screen and (min-width:200px) and (max-width:767px) {
    .logo img {
    width: 137px;
}

.menu {
    margin: 0 0 0;
}

.header {
    padding: 15px 0;
}

.navbar-tvs {
    padding: 20px 12px !important;
}

.hero-title {
    font-size: 20px;
}

.hero-subtitle {
font-size: 18px;
line-height: 1.0;
margin-bottom: 13px;
}

.knowledge-section .sub-desc {
    font-size: 1.0rem;
}

.btn-gold {
margin-bottom: 20px;
}
.btn-primary-custom {
    background: var(--navy);
    border: 1px solid var(--navy);
    color: #fff;
    border-radius: 2px;
    padding: 7px 11px;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: .02em;
    transition: .3s ease;
}

.values-heading {
    font-size: 21px;
}

.timeline-left {
    text-align: center;
}
.timeline-left h2{
   font-size: 20px;
}
.timeline-section .lead-gold {
    max-width: 100%;
}

.timeline-section {
    padding: 60px 0;
}
.breadcrumb-bar {
        padding: 0 15px;
}

}