@media screen and (max-width: 1300px) {
    
}
@media screen and (max-width: 480px) {

    header{
        display: block;
        padding: 0;
    }
    header .logo_bermuda{
        background:url(../images/logo-m.svg) center center / contain no-repeat;
        width: 8%;
        position: absolute;
        top: 15px;
        left: 15px;
    }
    header .logo_bermuda:before{
        padding-top:100%;
    }
    header.active .logo_bermuda{
        background:url(../images/logo-m-b.svg) center center / contain no-repeat;
        z-index: 1;
    }
    header .nav{
        display: block;
        position: absolute;
        width: 100%;
        height: 40px;
    }
    header.active .nav {
        background: #fff;
    }
    header.active .nav ul{
        display: block;
        position: absolute;
        top: 38px;
        background: #fff;
        width: 100%;
        padding: 20px 0;
    }
    header .nav ul li{
        padding:1em 15px;
    }
    /*header .nav ul li#menuteam {
        display: none;
    }*/
    .nav-icon{
        position: absolute;
        top: 15px;
        right: 15px;
    }



    #home .sectionbg {
        height: 100vh !important;
    }


    .title1{
        font-size: 1.4em;
    }

    .sheader{
        flex-direction: column;
        justify-content: center;
        padding: 4em 2em;
    }
    .sheader .sh_btn{
        width: 100%;
        align-items: center;
        padding: 0 0 2em;
    }
    .sheader .sh_desc{
        width: 100%;
        padding: 0;
    }
    .sheader .sh_desc p{
        font-size: 1.2em;
        text-align: center;
        margin: 0;
        line-height: 1.5em;
    }
    .sheader .sh_more{
        width: 100%;
        justify-content: center;
        padding: 2em;
    }
    .sheader .btn2{
        font-size: 1.2em;
    }
    .labelbtn{
        margin-bottom: .5em;
    }





    #services .s_acc .accordion-item .accordion-header .accordion-button{
        flex-direction: column;
        display: flex;
        align-items: flex-start;
        justify-content: center;
        padding: 2em 2.5em;
    }
    #services .s_acc .accordion-item .accordion-header .accordion-button .num{
        font-size: .75em;
    }
    #services .s_acc .accordion-item .accordion-header .accordion-button .title{
        font-size: 2.5em;
    }
    #services .accordion-body p{
        font-size: 1.2em;
    }

    #services .s_acc .accordion-item .accordion-header .accordion-button .desc{
        font-size:1em;
        width:100%;
    }

    #services .closeac {
        width: 5%;
        position: absolute;
        top: 20%;
        right: 10%;
    }



    /*#team .teamsection {
        display: none;
    }*/
    
    #team .teamsection {
        flex-direction: column-reverse;
        justify-content: center;
        align-items: center;
        width: 320px;
    }
    
    .team_list2 {
        width: 65vw;
        width: 320px;
    }
    
    .team_list2 .team_item span.imgi {
        width: 320px;
    }
    
    .team_list2 .team_item span.sprite {
        width: 320px;
        height: 320px;
        background-size: auto 100%;
    }
    
    @keyframes play {
        100% { background-position: -1600px; } /* -1000px debe ser ajustado según el tamaño total de tu spritesheet */
    }
    
    #team h2 .h2_line.h2l_1 {
        margin-left: 0;
    }

    #team .theader{
        align-items: center;
        padding: 3em 0;
    }
    #team h2{
        padding: 0 0 1em;
        align-items: center;
        justify-content: center;
    }

    #team h2 .h2line.h2l1{
        margin-left: 0;
    }


    #team .desc{
        padding:0 2em 3em;
    }
    #team .desc p{
        font-size: 1.4em;
        text-align: center;
    }

    #team .team_list{
        flex-direction: column;
        align-items: center;
    }
    #team .team_list .team_block{
        width: 80%;

    }



    #team .team_list .team_block.ca{
        width:20%;

        width: 80%;
    }

    /*#team .team_list .team_block .team_item{width:100%;border-radius:10%;overflow:hidden;padding:2%;}
    #team .team_list .team_block .team_item .item{position:relative;overflow:hidden;}
    #team .team_list .team_block .team_item .item:before{display:block;content:" ";padding-top:126.43678160919%;transition:all .3s linear;}*/

    #team .team_list .team_block.ca .team_item .item:before{
        padding-top:99%;

        padding-top:126.43678160919%;
    }
    #team .team_list .team_block.ca .team_item .item.active:before{padding-top:126.43678160919%;}

    /*#team .team_list .team_block .team_item .item .imgi{display:block;width:100%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);transition:all .3s linear;}
    #team .team_list .team_block .team_item .item .img_a1{background-position:center center;background-size:cover;background-repeat:no-repeat;display:block;width:100%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);transition:all .3s linear;}
    #team .team_list .team_block .team_item .item span.imgi:before,
    #team .team_list .team_block .team_item .item span.img_a1:before{display:block;content:" ";padding-top:126.43678160919%;}*/

    #team .team_list .team_block.pca,
    #team .team_list .team_block.nca{
        width:15%;

        width: 100%;
    }
    #team .team_list .team_block.pca .team_item .item:before,
    #team .team_list .team_block.nca .team_item .item:before{
        padding-top:140.5%;

        padding-top:126.43678160919%;
    }
    #team .team_list .team_block.pca .team_item .item .imgi,
    #team .team_list .team_block.nca .team_item .item .imgi,
    #team .team_list .team_block.nca .team_item .item .img_a1{
        width:120%;

        width: 100%;
    }

    #team .owl-carousel .owl-stage-outer {
        overflow: visible;
    }

    #team .teamb {
        width: 320px;
        margin: 1em 0;
    }
    
    #team .teamb .teambselect .teamitem {
        height: 62.5px;
    }

    #team .teamb .teambselect .teamitem .name {
        font-size: 1em;
    }

    #team .teamb .teambselect .teamitem .jobp {
        font-size: .6em;
    }

    #team .teamb .teambselect .teamitem.slick-active .name ,
    #team .teamb .teambselect .teamitem.prevSlide .name ,
    #team .teamb .teambselect .teamitem.nextSlide .name {
        font-size: 1.5em;
    }

    #team .teamb .teambselect .teamitem.slick-active .jobp ,
    #team .teamb .teambselect .teamitem.prevSlide .jobp ,
    #team .teamb .teambselect .teamitem.nextSlide .jobp {
        font-size: .8em;
    }

    #team .teamb .teambselect .teamitem.slick-center .name {
        font-size: 2em;
    }

    #team .teamb .teambselect .teamitem.slick-center .jobp {
        font-size: 1em;
    }
    
    
    
    
    
    
    
    
    
    





    .ourTriumphs{
        display:flex;flex-direction:column;background:#0e0c16;color:#fff;
        overflow: hidden;
    }
    .ourTriumphs .otCarousel{padding:2.5vw;}
    .ourTriumphs .otCarousel ul{display:flex;flex-wrap:wrap;margin:0;padding:0;}
    .ourTriumphs .otCarousel ul li{
        width:22%;margin:1.5%;

        width: 47%;
    }
    .ourTriumphs .otCarousel ul li .item{position:relative;overflow:hidden;}
    .ourTriumphs .otCarousel ul li .item .img{position:relative;display:block;border-radius:1em;overflow:hidden;}
    .ourTriumphs .otCarousel ul li .item .img span{background:url(../images/image.png) center center / contain no-repeat;display:block;width:100%;position:absolute;top:0;left:0;transition:all 600ms ease-in-out;}
    .ourTriumphs .otCarousel ul li .item.hover .img span{width:120%;top:-10%;left:-10%;}
    .ourTriumphs .otCarousel ul li .item .itemcover{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;display:block;background:rgba(0,0,0,0.75);transition:all 600ms ease-in-out;}
    .ourTriumphs .otCarousel ul li .item.hover .itemcover{opacity:1;}
    .ourTriumphs .otCarousel ul li .item .rtb{background:url(../images/rtb.svg) center center / contain no-repeat;display:block;position:absolute;right:-2px;top:-2px;width:25%;}
    .ourTriumphs .otCarousel ul li .item .rtb:before{content:" ";display:block;padding-top:61.847389558233%;}
    .ourTriumphs .otCarousel ul li .item .rtb .flag{background:url(../images/flag.svg) center center / contain no-repeat;display:block;position:absolute;left:75%;top:30%;transform:translate(-50%,-50%);width:25%;opacity:0;transition:all 600ms ease-in-out;}
    .ourTriumphs .otCarousel ul li .item.hover .rtb .flag{display:block;opacity:1;}
    .ourTriumphs .otCarousel ul li .item .rtb .flag:before{content:" ";display:block;padding-top:108.33333333333%;}
    .ourTriumphs .otCarousel ul li .item .desc{position:absolute;bottom:-50%;left:0;width:74%;transition:all 600ms ease-in-out;opacity:0;margin:0 13% 8%;}
    .ourTriumphs .otCarousel ul li .item.hover .desc{bottom:0;opacity:1;}
    .ourTriumphs .otCarousel ul li .item .desc h2{font-family:'fff_acid_groteskmedium';color:#fff;font-size:1.2em;}
    .ourTriumphs .otCarousel ul li .item .desc p{font-family:'fff_acid_groteskregular';color:#fff;font-size:1em;margin:0;padding:0;}
    .ourTriumphs .otCarousel ul li .item .img:before,.ourTriumphs .otCarousel ul li .item .img span:before{content:" ";display:block;padding-top:120.70844686649%;}


    .cases_more {
        justify-content: center;
        padding: 0 2em 2em;
    }



    .proyectos_filter{
        padding:4vw 3.5vw 2vw;

        padding: 3em 2em;
    }
    .proyectos_filter ul{
        width: 100%;
        flex-wrap: wrap;
    }
    .proyectos_filter ul li{
        margin: 0 1em 1em 0;
    }
    .proyectos_filter ul li a{
        
        padding: 0.75em 1em;
        display: block;
        font-size: 1.2em;
    }
    .proyectos_filter ul li a.active{border:1px solid #FFC81A;color:#FFC81A;}

    .page_modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:#0e0c16;overflow:auto;}
    .page_modal header{
        position:relative;

        height: 60px;
    }
    .page_modal .closemodal{
        background:url(../images/closemodal.svg) center center / contain no-repeat;width:1em;height:1em;display:block;margin-left:auto;padding:1em;

        position: absolute;
        top: 15px;
        right: 15px;
    }
    #proyectosModal.ourTriumphs .otCarousel ul li{margin-bottom:2em;}

    .page_modal .marquees {
        position: relative;
        height: 20vh;
    }

    .page_modal .markesine {
        top: 20%;
    }

    .page_modal .markesine_2 {
        background: #15141C;
        top: 40%;
    }


    .ourTriumphs .portada{width:100%;
        background:linear-gradient(0deg, #15141C 0%, rgba(0, 0, 0, 0) 140%), url(../proyectos/images/01Dragon-100BN.jpg) top center / cover no-repeat;
        position:relative;
        padding:5vw 2.5vw 2.5vw;
    }
    .ourTriumphs .portada .overlay{background:rgba(19,18,24,0.85);position:absolute;top:0;left:0;width:100%;height:100%;}
    .ourTriumphs .portada .portada_content{position:relative;}

    .ourTriumphs .portada .portada_content a.back {
        width: 20px;
        height: 20px;
        margin: 0 2.5vw 2.5vw;
    }

    .ourTriumphs .portada .portada_content h3.portada_title{
        margin:0 2.5vw 1em;
        align-items: flex-start;
    }
    .ourTriumphs .portada .portada_content h3.portada_title .flag{
        width: 5%;
        height: 20px;
        margin-right: 5%;
        margin-top: 4%;
    }
    .ourTriumphs .portada .portada_content h3.portada_title .title{
        font-size:1.8em;
        width: 90%;
    }
    .ourTriumphs .portada .portada_content .content{
        width:100%;
    }
    .ourTriumphs .portada .portada_content .content p{

        font-size:2em;

    }
    .ourTriumphs .portada .portada_content .video{padding:2em 0;}
    .ourTriumphs .portada .portada_content .video_info{display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;margin:0 6vw;}
    .ourTriumphs .portada .portada_content .video_info .video_desc{
        width:100%;
        font-size: 1em;
    }
    .ourTriumphs .portada .portada_content .video_info .video_time{
        width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;

        width:100%;
    }
    .ourTriumphs .portada .portada_content .video_info .video_time span.y{font-family:'fff_acid_groteskmedium';}
    .ourTriumphs .portada .portada_content .video_info .video_desc p{font-family:'fff_acid_grotesklight';color:#f5f5f5;font-size:1.3em;line-height: 1.4em;}
    .ourTriumphs .portada .portada_content .video_info .video_time span{font-family:'fff_acid_grotesklight';color:#f5f5f5;font-size:1.1em;}

    /* DIRECTORS responsive */
    .directors .labelbtn .title{font-size:2em;}
    .directors_acc .accordion-item .accordion-button{font-size:1.4em;}
    .directors_body{flex-direction:column;align-items:stretch;gap:1.5em;padding:1.5em 0 2em;}
    .directors_media{flex-direction:column-reverse;align-items:center;}
    .directors_bio_text{font-size:1em;}
    .directors_image_wrap{width:180px;height:180px;min-width:180px;min-height:180px;}

    #trustedBy .tb_list {
        width: 80%;
    }

    #trustedBy .tb_list ul li {
        width: 25%;
    }





    .markesine{
        top: 5%;
    }

    .markesine_2{
        top: 9%;
    }

    #footer .footer_info{
        flex-direction: column;
        align-items: flex-start;
        justify-content: center;
        padding: 25vh 0 2em;
    }

    #footer .footer_info .sitemap{
        width: 100%;
    }

    #footer .footer_info .contactus{
        width: 100%;
    }



    #footer .footer_info .social{
        align-items: center;
        margin-left: 0;
        width: 100%;
    }
    #footer .footer_info .social ul.social_items{
        width: 100%;
        align-items: center;
        display: flex;
        justify-content: center;

    }
    #footer .footer_info .social ul.social_items li{
        margin: 0 1em;
    }







    #footer .ftitle {
        padding: 0 20px 30px;
        font-size:2.6em;
        text-align: center;
    }

    #footer .cubtn {
        padding: 0 20px 20px;
        justify-content: center;
    }

    #footer .places {
        flex-direction: column;
        width: 90%;
        margin: 4vw auto 3vw;
    }

    #footer .places .place {
        width: 100%;
        flex-direction: column;
        padding-bottom: 2em;
       /* margin-bottom: 2em;*/
    }

    #footer .places .place .sep {

        border-right: none;
        top: auto;
        bottom: 0;
        left: 50%;
        right: auto;
        transform: translate(-50%,0);
        border-bottom: 1px solid #000;
        width: 80%;
        height: auto;
        display: none;
    }

    #footer .places .place h3 {
        font-size:2em;
        margin-top: 1em;
        margin-bottom:1em;
        /*text-transform: uppercase;*/
    }
    
    #footer .places .place h4 {
        font-size:1.2em;
        margin-bottom:.9em;
    }

    #footer .places .place a {
        font-size:1.2em;
    }



    #footer .footerInfo2 {
        background: #15141c;
        color: #cdd1d5;
    }

    #footer .footerInfo2 a {
        color: #cdd1d5;
    }

    #footer .footerInfo2 .inf {
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: flex-start;
        padding: 4vw 0;
        width: 80%;
        margin: 0 auto;

        flex-direction: column;
        padding: 2em 0;
    }

    #footer .footerInfo2 .inf .inf1 {
        width: 50%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;

        width: 100%;
    }

    #footer .footerInfo2 .inf .inf2 {
        width: 50%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;

        width: 100%;
    }

    #footer .footerInfo2 .inf .inf1 .logobermuda{
        width: 50%;
    }




    #footer .social_items li a span{
        width: 4em;
        height: 4em;
    }


    #footer .links{margin: 0;padding:0;}
    #footer .links li{margin:.5em 0;padding:0;}
    #footer .links li a{font-size:2em;}

    #footer .lang{display:flex;margin:0;padding:0;}
    #footer .lang li{margin:0;padding:0;}
    #footer .lang li a{font-size:1em;}

    #footer .lastInf {
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        padding: 1em;
        width: 100%;
    }

    #footer .lastInf .lin {
        width: 33%;
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
    }

    #footer .lastInf .lin:last-child{
        justify-content: flex-end;
    }











}