/* md */ 
@media (min-width: 1200px) {

.carousel-caption {
    bottom: 0;
}
.carousel-indicators {
    bottom: -35px;
}
ul.featured li {
    width: 250px;
}

}
/* sm */
@media (min-width: 992px) and (max-width: 1199px) {

.navbar-expand-lg .nav-link {
    margin-left: .8rem;
    margin-right: .8rem;
}
.top-bar p {
    font-size: .7rem;
}
.carousel-caption {
    bottom: 0;
}
.carousel-indicators {
    bottom: -35px;
}
ul.featured li {
    width: 205px;
}
ul.featured li h2 {
    font-size: 1.2rem;
}
.navbar-expand-lg .nav-link {
    padding: .5rem 1rem;
}


}
/* xs */
@media (min-width: 768px) and (max-width: 991px) {

.top-bar p {
    font-size: .6rem;
}
.top-bar {
    padding: 13px 15px 10px;
}
.bg-values {
	background-image: none;
	background-color: #F39824;
}
.navbar-expand-lg .nav-link {
    padding: .5rem 1rem;
}
ul.values li {
    width: 175px;
}
.bg {
    padding-top: 7rem;
    padding-bottom: 7rem;
}
#landing h1 {
    font-size: 90px;
}
#landing h2 {
    font-size: 35px;
}
#landing img.asesor {
    width: 255px;
}
#landing p {
    font-size: 1.5rem;
}
.modal-dialog {
    max-width: 650px;
}
  
}

/* xs */
@media (max-width: 767px) {

ul.featured li {
    width: 280px;
    margin-left: 0;
    margin-right: 0;
}
h1 {
    font-size: 1.6rem;
}
.bg-values {
	background-image: none;
	background-color: #F39824;
}
ul.values li {
    margin-right: .5rem;
    margin-left: .5rem;
    width: 225px;
}
ul.values li p {
	font-size: .8rem;
}
.ban-mid {
    padding-top: 6rem;
    padding-bottom: 6rem;
}
.ban-mid p {
    font-size: 1.3rem;
}
.navbar-expand-lg .nav-link {
    padding: .5rem 1rem;
}
.amigo, 
.productiva {
    background-image: none;
    padding-top: .5rem;
    padding-bottom: .5rem;
}
.brand img {
    width: 75px;
}
.brand {
    padding-top: 23px;
    padding-bottom: 20px;
}
.no-justify {
    justify-content: left !important;
}
#landing h1 {
    font-size: 70px;
}
#landing h2 {
    font-size: 1.6rem;
}
#landing p {
    font-size: 1.3rem;
}
#landing .media:last-of-type {
    margin-left: 0;
}
#landing img.asesor {
    width: 260px;
}
.close {
    font-size: 3rem;
}
.modal #landing h1 {
    font-size: 44px;
}
.modal #landing .media h5 {
    font-size: 1.3rem;
}
.modal #landing .media img {
    width: 72px;
}
.modal-dialog {
    max-width: 280px;
}

}