@media screen and (max-width: 1200px) and (min-width: 992px){
    .nav-item .nav-link{
        font-size: 1rem;
    }
} 

@media screen and (max-width: 1199px){
    h1,
    h2,
    h3,
    h4,
    h5,
    h6{
        line-height: 1.25;
    }

    h1{
        font-size: var(--h2);
    }
}

@media screen and (min-width: 992px){
    .dropdown-menu{
    overflow: hidden;
    }

    .dropdown-menu.show{
        box-shadow: 4px 10px 16px 0px rgba(0,0,0,.4);
    }
} 



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

    .navbar .navbar-nav{
        margin-top: .5rem;
    }

    .nav-item .nav-link{
        text-align: center;
        margin-bottom: .2rem;
    }

    .navbar .nav-btn-input{
        background-color: var(--green-principal);
        padding-left: 0;
        padding-right: 0;
        padding-top: 0.5rem;
        padding-bottom: 0.5rem;
    }

    .banner-main .banner-content-detail{
        position: relative;
        left: inherit;
        padding-top: 3rem;
        padding-bottom: 6rem;
        max-width: 100%;
        background-color: rgb(102, 130, 145);
    }

    .banner-content-detail .banner-title{
        display: inline-block;
        max-width: 32rem;
        /* font-size: 1.6rem; */
    }
    
    .banner-content-detail .banner-title::before {
        content: url("../img/banners-main/hero-deco-sm.svg");
        position: absolute;
        left: -9px;
        top: 0;
    }

    .container-detail-section{
        padding-top: 3rem;
        padding-bottom: 3rem;
        padding-left: 0;
        padding-right: 0;
    }

    .circle-text {
        width: 140px;
        height: 140px;
    }

    .circle-text .deco {
        height: 125px;
    }

    .circle-text h1 {
        font-size: 46px;
    }

    .bg-assessment .section-content.alternative{
        margin-top: -4rem;
        margin-left: 0;
    }

    .card-blog .card-body{
        padding: 1rem;
    }

    .superposition{
        padding-bottom: 22rem;
    }

    .share-post{
        padding-bottom: 3rem;
        border-bottom: 1px solid var(--gray-principal);
    }

    .nav-btn-input{
        margin-left: auto;
        margin-right: auto;
        width: 100%;
        max-width: 5rem;
    }

    .content-docs{
        height: 820px;
    }
    .banner-main .banner-content-detail{
        background-image: var(--bg);
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
        filter: brightness(100%);
        height: 43rem;
    }

    .banner-main .banner-content-detail::before{
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: var(--blue-principal);
        opacity: .7;
        z-index: -1;
    }
    
    .map-concept .row .col-md-5:first-child .level.level-three::before{
        transform: translateX(-50%) rotate(45deg) translateY(48px);
        bottom: 104%;
        left: 65%;
    }

    .map-concept .row .col-md-5:last-child .level.level-three::before{
        transform: translateX(-50%) rotate(-45deg) translateY(48px);
        bottom: 104%;
        left: 35%;
    }
}

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

    .container-padding{
        padding-top: 2.5rem;
        padding-bottom: 2.5rem;
    }

    .fc .fc-toolbar {
        align-items: center;
        display: flex;
        justify-content: space-between;
        flex-direction: column;
        gap: 24px;
    }

    .toggle{
        margin-left: auto;
    }

    .btn-group{
        flex-wrap: wrap;
    }

    .btn-group button{
        width: 100%;
        justify-content: center;
    }

    .btn-group button:first-child{
        order: 2;
    }

    .btn-group button:last-child{
        order: 1;
        margin-bottom: 1rem;
    }

    .dec-line{
        margin-bottom: 1.4rem;
        margin-left: auto;
        margin-right: auto;
        max-width: 12rem;
        transform: rotate(16deg);
    }

    .dec-line::before{
        left: 96%;
    }

    .bg-blue-gradiance.superposition{
        padding-bottom: 30rem;
        margin-bottom: -26rem;
    }

    .cont-line-dec{
        height: 60px;
        z-index: 10;
    }

    .line-dec-inf,
    .order-2 .line-dec-inf{
        transform: rotate(22deg);
        width: 100%;
        margin: 0 auto;
        max-width: 170px;
    }

    .detail-complement .text-1,
    .detail-complement .text-2{
        font-size: var(--125-rem);
    }

    .two .card.card-detail-nosotros .card-header{
        flex-direction: column;
    }

    .two .text-bg-green{
        margin: 0 auto;
    }

    .map-concept .level h2,
    .map-concept .level h3,
    .map-concept .level h4,
    .map-concept .level h5{
        font-size: 1.4rem;
    }

    .map-concept .level p{
        font-size: 1rem;
    }

    .map-concept .level::before{
        height: 22px;
    }

    .map-concept .row .col-md-5:first-child .level.level-three::before,
    .map-concept .row .col-md-5:last-child .level.level-three::before{
        transform: translateX(-50%) rotate(0deg) translateY(0);
        bottom: 100%;
        left: 50%;
    }

    .map-concept.v2{
        overflow-x: scroll;
    }

    .map-concept.v2 .col-6{
        min-width: 320px;
    }

    .map-concept.v2 .row {
        min-width: 991px;
    }
}

@media screen and (max-width:540px) {
    .fc .fc-daygrid-more-link {
        top: -9px;
        font-size: 12px;
    }

    .content-docs{
        height: 480px;
    }

    .nav-item .nav-link,
    .nav-pills.nav-docs .nav-item{
        width: 100%;
    }
}

@media screen and (max-width: 458px) {
    .banner-main .banner-content-detail{
        padding-left: 3rem;
        padding-right: 3rem;
        /* 
        padding-left: 1rem;
        padding-right: 1rem; 
        */
    }

    h1{
        font-size: var(--h3);
    }

    .icon-text{
        padding: .6rem 1.2rem;
    }

    .icon-text h5{
        font-size: var(--h6) !important;
    }
}