/************************ RESPONSIVE ************************/

/* X-Large desktop */
@media (min-width: 1400px) {
   
}
/*Fixmenu*/
@media (max-width: 1300px) {
    .menu-full .options-menu li
    {
        padding:0 10px;
    }
}

@media (min-width: 1199px) {
    .menu-mobile
    {
        background:transparent!important;
        height:auto!important;
    }
}

/* Large desktop */
@media (max-width: 1199px) {
    
    .section-creditos .col-credit
    {
        width:33%;
    }
    
    .menu-full .social-menu.social-menu-mobile
    {
        position:absolute;
        right:3px;
        margin:0;
        padding:0!important;
        width:auto;
        top:-5px;
        z-index:1;
        display:block;
    }
    
    
    
    .menu-mobile
    {
        position:fixed;
        top:0;
        left:0;
        width:100%;
        max-height:0px;
        height:100vh;
        overflow:hidden;
        background:rgba(0,0,0,0.9);
        -webkit-transition:0.6s all ease;
        transition:0.6s all ease;
    }
    
    .menu-mobile.on
    {
        max-height:2000px;
    }
    
    .menu-full ul
    {
        text-align:center;
        width:100%;
        margin:0 0!important;
        padding:0 15px!important;
    }
    
    .menu-full .social-menu 
    {
        display:none;
    }
    
    .menu-full .social-menu li
    {
        display:inline-block;
    }
    
    .menu-full ul.options-menu li
    {
        display:block;
        width:100%;
        padding:10px 0;
    }
    
    .menu-full ul.options-menu li a
    {
        font-size:20px;
    }
    
    .menu-full .options-menu .menu-option:before
    {
        bottom:-5px;
        top:inherit;
    }
    
    .changing-intro
    {
        z-index:302;
        position:relative;
        display:inline-block;
    }
    
    .menu-toggle {
      width: 30px;
      height: 30px;
      z-index:302;
      position:relative;
      display:inline-block;
      margin-top:-10px;
      margin-right:15px;
      float:left;
      cursor: pointer;
    }
    .menu-toggle.on .one {
      -moz-transform: rotate(45deg) translate(7px, 7px);
      -ms-transform: rotate(45deg) translate(7px, 7px);
      -webkit-transform: rotate(45deg) translate(7px, 7px);
      transform: rotate(45deg) translate(7px, 7px);
    }
    .menu-toggle.on .two {
      opacity: 0;
    }
    .menu-toggle.on .three {
      -moz-transform: rotate(-45deg) translate(8px, -10px);
      -ms-transform: rotate(-45deg) translate(8px, -10px);
      -webkit-transform: rotate(-45deg) translate(8px, -10px);
      transform: rotate(-45deg) translate(8px, -10px);
    }

    .one,
    .two,
    .three {
      width: 100%;
      height: 5px;
      background: #191919;
      margin: 6px auto;
      backface-visibility: hidden;
      -moz-transition-duration: 0.3s;
      -o-transition-duration: 0.3s;
      -webkit-transition-duration: 0.3s;
      transition-duration: 0.3s;
    }
    
    .menu-white .one,
    .menu-white .two,
    .menu-white .three {
        background:white;
    }
    
    .col-menu
    {
        width:0;
    }
    .iamwhite.menu-full .menu-mobile a
    {
        color:#191919!important;
    }
    .menu-full .menu-mobile a
    {
        color:white!important;
    }
    
    .menu-full .brands-menu li a img.whiteimg
    {
        opacity:1!important;
    }

    .menu-full .brands-menu li a img
    {
        opacity:0;
    }
    
    .iamwhite.menu-full .brands-menu li a img.whiteimg
    {
        opacity:0!important;
    }

    .iamwhite.menu-full .brands-menu li a img
    {
        opacity:1;
    }
    
    .menu-full ul.brands-menu
    {
        position:absolute;
        bottom:15%;
    }
    
    .menu-full .options-menu
    {
        margin-top:55px!important;
    }
    
    
 .slick-slide { float: none; } .slick-active { left: 0 !important; position: absolute !important; top: 0 !important; } 
}

@media (min-width: 1024px) {
    .am-map
    {
        background:none!important;
    }
}

@media (max-width: 1024px) {
    .container.textos-desktop
    {
        display:none;
    }
    
    .container.textos-mobil
    {
        display:block;
    }
    
}


/* Portrait tablet to landscape and desktop */
@media (max-width: 991px) { 
    
    .home-top-slider .slider-caption
    {
        padding:0 5px;
    }
    
    .options-page .container-fluid .col-lg25
    {
        width:100%!important;
        height:20vh;
    }
    
    .options-page .container-fluid .col-lg25 .center-option
    {
        width:100%;
    }
    
    .options-page .container-fluid .col-lg25 .center-option h3
    {
        width:100%;
        display:none;
    }
    
    .main-documental .content-doc .textcenter-doc p
    {
        padding:3px 0;
    }
    
    .section-creditos .col-credit
    {
        width:48%;
    }
    
    .options-page .container-fluid .col-lg25 .center-option .back span
    {
        font-size:24px;
        line-height:26px;
    }
    
    .col-claimbutton
    {
        text-align:center;
        margin-top:15px;
    }
    
    .main-documental .content-doc .background-caption
    {
       -webkit-transition:0.3s all ease;
       transition:0.3s all ease; 
    }
    
    .main-documental .content-doc .background-caption:before,.main-documental .content-doc .background-caption:after
    {
        background:rgba(25,25,25,0.8);
        -webkit-transition:0.3s all ease;
        transition:0.3s all ease;
        width:100%;
        
    }
    
    .slider-transition .slider-article,.slider-transition.slick-slider
    {
        height:100vh!important;
    }
}
@media (min-width: 768px) {
    
    .slider-transition .slider-article .slider-back-xs
    {
        background-image:none!important;
    }
    
}
/* Landscape phone to portrait tablet */
@media (max-width: 767px) {
    
    .content-doc.active .background-caption
    {
        background:#111;
        opacity:0;
    }
    
    .content-doc.active .background-caption.active-background
    {
        opacity:0.8;
    }
    
    .section-creditos .col-credit
    {
        width:100%;
    }
    
    .main-documental .content-doc .intro-doc h2
    {
        font-size:32px;
        line-height:48px;
    }
    
    .options-page .container-fluid .col-lg25 .center-option h3,.options-page .container-fluid .col-lg25:hover .center-option h3
    {
        font-size:21px;
        line-height:24px;
    }
    
    .section-creditos .partners-box .row .partner
    {
        width:100%;
        text-align:center;
        padding:15px;
    }
    
    .section-creditos .partners-box .row
    {
        margin:0 -15px;
    }
    
    .home-top-slider .slider-caption .btn-padding
    {
        margin-bottom:10px;
    }
    
    .slider-transition .slider-article .slider-back-xs
    {
        display:block;
    }
    
    .slider-transition .slider-article.no-back-mobile
    {
        background-image:none!important;
    }
    
    /* slider vertical */
    .slider-intro-vertical,.vertical-box
    {
        height:auto!important;
        min-height:inherit!important;
    }
    
    .section-iconcolums
    {
        top:initial;
        left:initial;
        -webkit-transform:translate(0,0);
        -moz-transform:translate(0,0);
        -ms-transform:translate(0,0);
        transform:translate(0,0);
        position:relative;
        padding:50px 0;
        overflow:inherit;
    }
    
    .button-vertical
    {
        display:none!important;
    }
    
    .section-creditos .col-financiacion h5
    {
        margin-right:0;
        display:block;
    }
    
    
    .home-top-slider .slider-caption h3
    {
        line-height:1.3;
    }
    
}

/* Landscape phones and down */
@media (max-width: 480px) {
    
    .menu-full .social-menu.social-menu-mobile
    {
        right:10px;
        top:-3px;
    }
    .menu-full .social-menu
    {
        font-size:18px;
    }
    
    .menu-full .social-menu li
    {
        padding:0 5px;
    }
   
}