@media screen and (max-width: 1642px) {

.features-section {
    margin-left: 0px;
}

.principal {
    max-width: 650px;
}
.grid__containedor {
    height: 450px;
}

section.courses {
    padding-top: 200px;
}

.carousel-item img {
    height: 375px !important;
    width: 350px !important;
}

.carousel-imagen{
    margin-top:120px;
}

.features-content h4 {
    font-size: 15px;
}

}

@media screen and (max-width: 1450px) {
.imagen {
    left: 10%;
}
.features-content br {
    display:unset;
}

.size_logo {
    width: 220px !important;
    margin-top: 10px !important;
}

header_titulo {
    font-size: 14px !important;
    }
}

@media screen and (max-width: 1400px) {


.logo {
    margin-left: 10px !important;
}

.bn_header p {
    font-size: 14px !important;
}

.size_logo {
    width: 190px !important;
}

}

@media screen and (max-width: 1350px) {

.bn_header p {
    font-size: 12px !important;
}


}

@media screen and (max-width: 1265px) {
.avatar img {
    width: 52%;
}
.avatar {
    padding-top: 216px;
}

.bannerSec {
    padding-top: 100px;
}

.main-banner .caption h2 {
    font-size: 50px;
}
.entrada {
    font-size: 50px;
}
}

@media screen and (max-width: 1200px) {

.padding-director {
    padding-left: 35%;
}

}

@media screen and (max-width: 1125px) {
.cardBox {
    width: 250px;
}
.principal {
    max-width: 600px;
}
.grid__containedor {
    height: 400px;
}

.card .contentido p {
    font-size: 16px;
}

 .contact .col-lg-4 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
}
 .contact .col-lg-6 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
}

section.contact {
    padding-bottom: 0px;
}

section.contact {
    padding-top: 50px;
}

.imagen {
    left: 2%;
}

.padding-director {
    padding-left: 40%;
}

}

@media screen and (max-width: 991px) {

.features-content br {
    display:none;
}

section.why-us h3 {
    font-size: 45px;
}
.cardBox {
    width: 200px;
}
.mt-5, .my-5 {
    margin-top: 0rem!important;
}

.color-sec1 h4 {
    font-size: 13px;
}

.img-fluid {
    max-width: 120%!important;
    height: auto;
    margin-left: -40px!important;
    z-index: -1;
    padding-top:50px;
}

.avatar img {
    width: 39%;
}
.avatar {
    padding-top: 216px;
}
.img-fluid2 {
    max-width: 28%!important;
}
p {
    font-size: 17px;
}

.section-title {
    font-size: 45px;
}
.bestkeytitulo h3 {
    font-size: 45px;
}

 .courses .col-lg-7 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
}

.bestkeytitulo h2 {
    font-size: 45px;
}

.principal {
    max-width: 600px;
    margin-left: 20%;
    padding-top:40px;
}

.features-section .feature-item h4 {
    font-size: 17px;
}

.features-section .feature-item p {
    font-size: 16px;
}

.title-footer {
    font-size: 45px;
}
.custom-font h3 {
    font-size: 45px;
}

.bannerpodcast h2 {
    font-size: 36px;
}

.section-title-clientes {
    font-size: 45px;
}

.section-title2 h3 {
    font-size: 45px;
}

.custom-font-clientes h3 {
    font-size: 45px;
}

section.courses {
    padding-top: 150px;
}


#comment {
    align-items: center;
}

.imagen {
    position: static;
    z-index: 3;
    left: 20%;
}

.padding-director {
    padding-left: 0%;
}

.padding-director {
    padding-top: 70px;
}

section.bestkey2 {
    padding-bottom: 100px;
}

.carousel-item img {
    height: 325px !important;
    width: 300px !important;
}

}

@media screen and (max-width: 790px) {

.principal {
    margin-left: 15%;
}

}

@media screen and (max-width: 767px) {

.main-banner .caption h2 {
    font-size: 45px;
}
.entrada {
    font-size: 45px;
}
.img-fluid {
    display:none;
}
.cardBox {
    width: 100%;
}
.color-sec1 h4 {
    font-size: 15px;
}

.padding-der {
    padding-left: 0px;
}

.cardBox::before {
    width: 10%;
    height: 350%;
}

section.why-us {
    padding-top: 50px;
    padding-bottom: 50px;
    text-align:center;
}

.Posicion-iconos img {
    display:none;
}

.bestkey br {
    display:none;
}
.img-fluid2 {
    max-width: 35%!important;
}
.bestkeytitulo h2 {
    font-size: 40px;
}

.bestkeytitulo h3 {
    font-size: 40px;
}

.section-title {
    font-size: 40px;
}

.bannerpodcast h2 {
    font-size: 35px;
}

.features-section {
    text-align: center;
}

.podcast-section p br {
    display: none;
}

.podcast-section h2 br {
    display: unset;
}

.title-footer {
    font-size: 40px;
}
.custom-font h3 {
    font-size: 40px;
}
.custom-font-clientes h3 {
    font-size: 40px;
}
.section-title2 h3 {
    font-size: 40px;
}

.principal {
    max-width: 500px;
}
.grid__containedor {
    height: 300px;
}
section.courses {
    padding-top: 100px;
}

.section-title-clientes {
    font-size: 40px;
}
.color-sec1 h4 {
    font-size: 17px;
}

}

@media screen and (max-width: 660px) {
.main-banner .caption h2 {
    font-size: 35px;
}
.entrada {
    font-size: 35px;
}
section.bestkey2 {
    padding-top: 50px;
}

.avatar img {
    display:none;
}
.avatar {
    padding-top: 290px;
}


.principal {
    max-width: 450px;
    margin-left: 15%;
}
.grid__containedor {
    height: 250px;
}

.section-title-clientes {
    font-size: 40px;
}
.custom-font-clientes h3 {
    font-size: 40px;
    text-align:center;
}

.bestkey2 br {
    display:none;
}

}

@media screen and (max-width: 480px) {
.bestkeytitulo h2 {
    font-size: 35px;
}
.bestkeytitulo h3 {
    font-size: 35px;
}

.section-title {
    font-size: 35px;
}
.section-title-clientes {
    font-size: 35px;
    text-align: center;
}
.section-title2 h3 {
    font-size: 35px;
}
.title-footer {
    font-size: 35px;
}
.custom-font h3 {
    font-size: 35px;
}

.custom-font-clientes h3 {
    font-size: 35px;
    text-align: center;
}

.bannerpodcast h2 {
    font-size: 28px;
}

.podcast-section {
    padding-top: 100px;
    padding-bottom: 0px;
}

section.bestkey2 {
    padding-bottom: 100px;
    padding-top: 100px;
}

.carousel-item img {
    height: 275px !important;
    width: 250px !important;
}
.carousel-imagen {
    border: 0.5rem solid #3c5c6e;
}

.principal {
    margin-left: 0%;
}

section.bestkey2 {
    padding-bottom: 100px;
    padding-top: 0px;
}

.img-fluid2 {
    max-width: 45%!important;
}

section.why-us h3 {
    font-size: 35px;
}
}

@media screen and (max-width: 350px) {

.main-banner .caption h2 {
    font-size: 30px;
}
.entrada {
    font-size: 30px;
}
.color-sec1 h4 {
    font-size: 15px;
}
section.why-us h3 {
    font-size: 25px;
}
.bannerpodcast h2 {
    font-size: 22px;
}

.title-footer {
    font-size: 25px;
}
.custom-font h3 {
    font-size: 25px;
}

.section-title {
    font-size: 25px;
}

.section-title-clientes {
    font-size: 25px;
    text-align: center;
}

.custom-font-clientes h3 {
    font-size: 25px;
}

.section-title2 h3 {
    font-size: 25px;
}

}