/* Header */

@media(max-width: 1200px){
    .menu>.nav-item{
        margin-right: 1.5rem;
        display: flex;
        align-items: center;
        text-align: center;
    }

    .gHeader .navigation{
        padding: 0 1.5rem;
    }

    .gHeader .lineas{
        width: min-content;
    }
}

@media(min-width: 1000px){
    .gHeader .ham{
        display: none;
    }

    .menu-mobile{
        display: none;
    }
}

@media(max-width: 1000px){
    .gHeader{
        grid-template-areas: 'logo actions ham''navigation navigation navigation''subnavigation subnavigation subnavigation';
        grid-template-rows: auto auto auto;
        grid-template-columns: auto 1fr auto;
        grid-auto-columns: 0;
        height: auto;
        max-width: 100%;
    }

    .gHeader .rrss{
        display: none;
    }

    .gHeader .lineas{
        width: max-content;
        border-radius:3rem;
    }

    .gHeader .logo{
        width: max-content;
        min-width: max-content;
        padding:1rem 1.5rem;
        height: 80px;
    }

    .gHeader .logo img{
        max-height: 60px;
    }

    .gHeader .ham{
        min-width: 60px;
        margin-left: 1rem;
        display: flex;
        justify-content: center;
        align-items: center;
        font-size:1.5rem;
    }

    .menu{
        margin-top: 0;
        align-items: center;
        height: 100%;
    }

    .gHeader .navigation{
        height: 40px;
        border-top:1px solid #eee;
    }

    .search-input{
        width: max-content;
        max-width: max-content;
        min-width: 300px;
    }

    .homepage .gHeader .subnavigation{
        display: none;
    }

    .menu-mobile{
        display: block;
        position:fixed;
        top:0;
        right:0;
        bottom:0;
        width:270px;
        background-color:#fff;
        transform: translateX(100%);
        z-index:99;
        padding:1.5rem;
        transition: .2s ease-in-out all;
    }

    .menu-mobile.active{
        transform: translateX(0%);
    }

    .menu-mobile-item a{
        display:block;
    }

    .subitems{
        margin-bottom:1rem;
        display: none;
    }

    .subitems a{
        margin-bottom:.75rem;
        font-size: .9rem;
        padding:.35rem 0;
    }

    .menu-mobile-main-link{
        margin-bottom:.75rem;
        padding:.5rem 0;
        font-weight: bold;
        color: #006729;
    }
    .menu-mobile-toggle{
        position: relative;
        cursor: pointer;
    }

    .menu-mobile-toggle:after{
        position: absolute;
        content: '+';
        right:0;
    }

    .menu-mobile-toggle.open + .subitems{
        display: block;
    }

    .menu-mobile-toggle.open:after{
        content: '-';
    }
}

@media(max-width: 750px){
    .gHeader .lineas{
        display: none;
    }

    .search-input{
        flex:100%;
        max-width: 100%;
        min-width: unset;
    }

    .search-wrap{
        width: 100%;
    }

    .gHeader .ham{
        margin-left: 0;
        width: 60px;
    }

    .gHeader .logo img{
        height: 33px;
    }

    .gHeader .logo{
        padding:.5rem 1rem;
        height: 60px;
    }

    .search{
        margin-right: 0;
    }

    .gHeader .navigation{
        padding: 0 1rem;
    }

    /* Oculta quiénes somos y red de oficinas */
    .gHeader .menu>.nav-item:nth-child(4), .gHeader .menu>.nav-item:nth-child(5){
        display: none;
    }

    .menu>.nav-item{
        margin-right:0;
    }

    .gHeader .menu{
        justify-content: space-around;
    }

    .gHeader .subnavigation{
        overflow-x:scroll;
        max-width: 100vw;
        padding-left:1.5rem;
    }

    .gHeader .subnavigation::-webkit-scrollbar{
        display: none;
    }

    .subnav-wrapper{
        width: max-content;
        min-width: max-content;
    }

    .gHeader .logo{
        border-right:0;
    }

    .gBannerRus .horizontal-slider{
        max-width: 100vw !important;
    }
}

/* Home */

@media(max-width: 1000px){
    .gCover{
        grid-template-columns: 1fr;
    }

    .gCover .left{
        min-height: 400px;
    }

    .gModulos{
        grid-template-columns: 1fr 1fr 1fr;
    }

    .gCover .left .naui-overlay{
        padding-top:100px;
    }

    .cover .title p{
        margin-bottom:1.5rem;
    }
}

@media(max-width: 750px){
    .cover .title p{
        display: none;
    }

    .cover .title label{
        display: none;
    }

    .main-actions{
        display: none;
    }

    .gCover .left{
        min-height: 230px;
    }

    .gCover .right{
        padding:.75rem;
    }

    .modulo{
        min-width: 70px;
        min-height: 90px;
        font-size: .85rem;
        padding:.3rem
    }

    .modulo img{
        max-height: 40px;
        margin-bottom: .25rem;
    }

    .gModulos{
        grid-gap:.75rem;
    }

    .title-cover, .title-cover.home-title{
        font-size: 2.33rem;
        letter-spacing: -.7px;
    }

    .subtitle-cover p{
        margin-bottom:0;
        font-size: 1.5rem;
    }

    .gCover .left .naui-overlay{
        padding:1rem;
        padding-top: 0;
        align-items: flex-end;
    }

    .cover .title{
        align-self: flex-end;
        margin: 0;
    }

    .cover .title h1{
        margin: 0;
    }

    .gHomeFeatures{
        grid-template-columns: 1fr 1fr;
    }

    .servicios-home{
        padding:1.5rem 0;
    }

    .homeFeature img{
        height: 70px;
    }

    .gHomeLinks{
        grid-template-columns: 1fr;
    }

    .gHomeLinks>.homeLink{
        border-right:0;
        border-bottom:1px solid #CDCECF;
        padding:1.5rem 0;
    }

    .gHomeLinks>.homeLink:last-child{
        border-bottom: 0;
    }

    .gHomeLinks{
        margin-top:1rem;
    }
}

@media(max-width: 1000px){
    .banner-pagos .container-fluid{
        padding:0;
    }
}

@media(max-width: 750px){
    .novedades .container-fluid{
        padding:0;
    }

    .novedades{
        padding-bottom:0;
    }

    .wrap-novedades{
        overflow-x: scroll;
        max-width: 100%;
        padding-left:1rem;
    }

    .wrap-novedades::-webkit-scrollbar{
        display: none;
    }

    .gNovedades{
        display: flex;
        width: max-content;
    }

    .gNovedades .novedadPreview{
        width: 300px;
        max-width: 300px;
        padding-right:1.5rem;
    }

    .gNovedadesSub>.novedadPreview:last-child{
        margin-right: 0;
    }

    .bannerWorkWithUs{
        border-radius:0;
    }

    .banner-rus{
        padding:0;
    }

    .banner-rus .container-fluid{
        padding: 0;
    }

    .banner-rus img.radius{
        border-radius: 0;
    }

    .gBannerRus{
        grid-gap:0;
        grid-template-columns: 1fr;
    }
}

@media(max-width: 1000px){

    /* Footer */
    .gFooter{
        grid-template-areas: 'left''right''bottom';
        grid-template-columns: 1fr;
    }

    .gFooter .right{
        max-width: 500px;
        width: 500px;
        margin: 0 auto;
    }

    .footerDownloadApp{
        margin-top:1rem;
    }

}

@media(max-width: 750px){
    .gFooterLinks{
        grid-template-columns: 1fr 1fr;
        grid-template-areas: 'accesos personas''accesos empresas''accesos oficinas''quienes intermediarios';
    }

    .gFooterBottom{
        grid-template-columns: 1fr;
    }

    .gFooter .left hr{
        display: none;
    }

    .gFooter .right{
        max-width: unset;
        width: 100%;
        padding:1rem;
        border-bottom:1px solid #CDCECF;
        border-top:1px solid #CDCECF;
    }

    .rrss-flex{
        margin-top:0;
    }

    .gFooterLineas{
        margin-top:1rem;
    }

    .footer-logo{
        max-height: 50px;
        display: none;
    }

    .footerRRSS{
       margin-bottom: 1rem;
    }

    .gFooterBottom img{
        max-height: 40px;
    }

    .trademark-hdi{
        display: none;
    }

    .trademark{
        font-size: .8rem;
    }

    .footerDownloadApp label{
        margin-right: 2rem;
    }
}


@media(max-width: 750px){
    .cover .title-left p{
        display: none;
    }

    .cover .title-left{
        align-self: flex-end;
    }

    .cover .title-left h1{
        margin: 0;
    }
}

@media(max-width: 1000px){
    .cover-banner h1{
        font-size: 2.5rem;
    }


}

@media(max-width: 750px){
    .cover-banner{
        overflow: hidden;
    }

    .cover-banner img{
        width:180%;
        margin-left:-75%;
    }

    .cover-banner h1{
        font-size: 2.0rem;
    }

    .productos-items{
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-gap:2rem;
    }
}

@media(max-width: 1000px){
    .grid-productos{
        padding-top:0;
    }

    .gProductos{
        grid-template-columns: 1fr;
        grid-gap:1rem;
        margin-top:0;
    }

    .gPagaPoliza{
        grid-template-columns: 1fr;
        border-radius: 0;
    }

    .paga-poliza .container-fluid{
        padding:0;
    }

    .paga-poliza .left{
        padding:1.5rem 1rem;
    }

    .gPagaPoliza .left .btn{
        width: max-content;
        margin: 0 auto;
    }

    .gPagaPoliza .left img{
        margin-bottom: 1rem;
    }

    .paga-poliza .right{
        padding:1.5rem 1rem;
    }
}

@media(max-width: 750px){
    .gMediosPago{
        grid-template-columns: 1fr 1fr;
    }

    .homeFeature .label{
        font-size: 1.3rem;
    }

    h2, .h2{
        font-size:1.7rem;
    }

    .bannerPagos .box-left{
        display:block;
    }

    .bannerPagos .icon{
        width:max-content;
        margin-bottom:1rem;
    }

    .homeFeature img{
        margin-bottom: .5rem;
    }

    section.pad30{
        padding:2rem 0;
    }

    .gHomeLinks{
        margin-top:0;
    }

    .novedades h2{
        margin-bottom:2rem;
    }

    .gMediosPago{
        grid-template-columns: 1fr;
        grid-gap:.5rem;
    }

    .cover-banner h1{
        letter-spacing: -.7px;
    }
}

@media(max-width: 1000px){
    .layoutProducto{
        grid-template-columns: 1fr;
        grid-gap:0;
    }
}

@media(max-width: 750px){
    .features-product-internal{
        display: block;
    }

    .features-product-internal .feature{
        display: flex;
        max-width: 300px;
        align-items: center;
        margin-bottom: 1rem;
    }

    .features-product-internal .feature img{
        margin-bottom:0;
    }

    .features-product-internal .feature .label{
        margin-left:1rem;
        text-align: left;
    }

    .bannerHighlights{
        grid-template-columns: 1fr;
    }

    .assisance-box{
        display: block;
    }

    .assistance-icon{
        display: flex;
        align-items: center;
        margin-left:0;
        margin-bottom:1rem;
    }

    .assistance-icon +.assistance-icon{
        margin-left: 0;
    }

    .assistance-icon img{
        margin-bottom:0;
    }

    .assistance-icon .label{
        margin-left:1rem;
        text-align: left;
    }

    .desktop{
        display: none;
    }

    .bread{
        margin-right:-1rem;
        margin-left:-1rem;
        overflow-x: scroll;
        max-width: 100vw;
        padding-left:1rem;
    }

    .bread .box-left{
        min-width: max-content;
        padding-right:1rem;
    }

    .bannerHighlights .right{
        padding:1rem;
    }
}

@media(max-width: 1000px){
    .gServicios{
        grid-template-columns: 1fr;
        grid-gap:1rem;
    }
}

@media(max-width: 750px){
    .servicioPreview{
        padding:1rem;
    }

    .servicios-section{
        padding-top:.5rem;
    }

    .box-intermediarios{
        display: block;
        margin:0;
        margin-bottom:2rem;
    }

    .red-intermediarios{
        display: block;
    }

    .box-intermediarios .red-intermediarios +.red-intermediarios{
        margin-top:1rem;
        margin-left:0;
    }
}

@media(max-width: 750px){
    .layout21{
        grid-template-columns: 1fr;
        grid-gap:1rem;
    }

    .title-main{
        margin-bottom:1rem;
    }

    .gPuntosPago{
        grid-template-columns: 1fr;
        grid-gap:1rem;
    }

    .gAtencion{
        grid-template-columns: 1fr;
        grid-gap:2rem;
    }

    .atencionItem{
        display: block;
    }

    .atencionItem .icon{
        height: 60px;
        margin-bottom:1rem;
    }

    .section-atencion{
        padding-top:1rem;
    }

    .info-defensor{
        padding:1rem;
    }
}

/* Quiénes somos */
@media(max-width: 750px){
    .gTalanx{
        grid-template-columns: 1fr;
        padding:2rem 0;
        grid-gap:1rem;
    }
    .metric{
        width: 90px;
        height: 90px;
    }

    .gTalanx .left img{
        display: block;
        margin:0 auto;
    }

    .metric>div>div:nth-child(1), .metric>div>div:nth-child(3){
        font-size: .75rem;
    }

    .metric>div>div:nth-child(2){
        font-size:1.5rem;
    }

    .hdi-en-el-mundo{
        margin-top:1rem;
    }

    .gHdiMundo .box-left{
        display: block;
    }

    .gHdiMundo .naui-select{
        width: 100%;
    }

    .gHdiMundo .left{
        padding:0;
    }

    .gHdiMundo .right{
        padding:0;
    }

    .gSlideHistory{
        grid-template-columns: 1fr;
        grid-gap:1rem;
        padding:1rem;
    }

    .gSlideHistory img{
        margin: 0 auto;
        display: block;
        height: 130px;
    }

    .sliderHistory{
        margin: 0;
    }

    .gColMap{
        grid-template-columns: 1fr;
        grid-gap:1rem;
    }

    .gColMap img{
        max-width: 100%;
    }

    .hdi-colombia-mapa{
        margin-top:2rem;
    }

    .buttons-about{
        display: block;
    }

    .buttons-about a{
        display: block;
        text-align: center;
        max-width: 333px;
        margin: 0 auto;
    }

    .buttons-about a + a{
        margin-top:1rem;
        margin-right: auto !important;
    }

    .gPortafolio{
        grid-template-columns: 1fr;
        padding:1rem 0;
    }

    .gPortafolio>div{
        border-right:none;
        padding:1.5rem 0;
    }

    .gPortafolio>div+div{
        border-top:1px solid #CDCECF;
    }

    .gPortafolio img{
        height: 80px;
        margin-bottom:1rem;
    }

    .valorCorporativo{
        padding:1rem 0;
    }

    .valorCorporativo dt{
        font-size: 1.2rem;
    }

    .valorCorporativo img{
        height: 90px;
        margin: 0 auto;
        margin-bottom:1rem;
    }

    .valorCorporativo{
        text-align: center;
    }

    .identidad-block dd{
        font-size: 1rem;
    }

    .valorCorporativo dd{
        font-size: 1rem;
    }

    p{
        font-size: 1rem;
    }

    .layoutOrgs{
        grid-template-columns: 1fr;
        grid-gap:1rem;
    }

    .layoutOrgs br{
        display: none;
    }

    .valorCorporativo{
        display: block;
    }

    .gVacantesBanner{
        grid-template-columns: 1fr;
        grid-gap:1rem;
    }

    .gLeadership{
        grid-template-columns: 1fr;
        grid-gap:1rem;
        margin-bottom:1.5rem;
    }

    .leadership{
        margin-top:0;
    }
}


@media(max-width: 1000px){
   .section-map h2{
       font-size: 1.2rem;
   }

    .section-map h4{
        font-size: .9rem;
        margin-bottom: .5rem;
    }

    .section-map{
        grid-template-columns: 350px 1fr;
    }

    .office{
        padding:.5rem;
    }

    .office dt{
        font-size: .9rem;
    }

    .office dd{
        margin-bottom:.5rem;
    }

    .section-map .map{
        grid-area: map;
        min-height: 250px;
    }

    .section-map aside{
        grid-area: aside;
        box-shadow: 0 -3px 6px rgba(0,0,0,0.1);
    }

    .section-map{
        grid-template-columns: 1fr;
        grid-template-areas: 'map''aside';
    }

    .layoutJuridica{
        grid-template-columns: 1fr;
        grid-gap:1rem;
    }

    .gridAuto{
        grid-template-columns: 1fr;
        grid-gap:0;
    }

    .gridAuto .left img{
        display: none;
    }

    .layoutJuridica .content{
        padding:1rem;
    }

    .aside-juridico{
        padding:0;
    }

    .aside-link{
        border-radius:0;
    }
}

@media(max-width: 750px){
    .gNovedadesReel{
        grid-template-columns: 1fr;
        grid-gap:1rem;
    }
    .banner-reportar-siniestro .naui-overlay-container{
        overflow: hidden;
        max-width: calc(100vw - 2rem);
    }
    .banner-reportar-siniestro p{
        text-align: center;
        font-size: 1.1rem;
    }

    .banner-reportar-siniestro .naui-overlay{
        padding:1rem;
    }

    .banner-reportar-siniestro img{
        width: 150%;
    }

    .tab-panel{
        max-width: calc(100vw - 2rem);
        overflow: scroll;
    }

    .table th{
        font-size: .9rem;
    }

    .table td{
        font-size: .9rem;
    }

    .pad-left{
        padding-left: 1rem;
    }

    .pad-right{
        padding-right: 1rem;
    }

    .gHomeFeatures{
        margin-top:2rem;
    }

}


@media(max-width: 1000px){
    .layoutAsistencia{
        grid-template-columns: 1fr;
        grid-gap:2rem;
        grid-template-areas: 'right''left';
    }

    .layoutAsistencia .left{
        grid-area: left;
    }

    .layoutAsistencia .right{
        grid-area: right;
    }

    .iframe-container{
        padding-top:400px !important;
    }
}

@media(max-width: 750px){
    .layoutAsistencia .gLineas{
        grid-template-columns: 1fr;
        grid-gap:1.5rem;
        margin-bottom:1rem;
    }

    .layoutAsistencia .grid2{
        grid-gap:1.5rem;
    }
}
@media(min-width: 1000px){
    .cover-banner{
        min-height: 250px;
    }
}

@media(max-width: 750px){
    .cover-banner{
        min-height: 130px;
    }

    .footerLineas{
        margin-bottom:1.5rem;
    }

    .box-pagos{
        display: grid;
        grid-template-columns: 1fr;
        justify-content: center;
        align-items: center;
        grid-gap:1rem;
    }

    .boton-pagos{
        margin: 0 auto;
    }

    .thankyou.pagos{
        padding:3rem 0;
    }
}