/**lg**/
@media (min-width: 1368px) and (max-width: 1620px){
    
    .titulo_2 ,#section3 h1{
      font-size: 3.0em !important;
    }

    .caracteristicas_2{
        font-size: 2.2em !important;
     }

    .caracteristicas_3{
        font-size: 2.0em !important;
      }
	  
	  .otras_2,#section1 p{
        font-size: 1.2em !important;
        line-height: 1.2em !important;
    }
 
}
@media (min-width: 1367px){
    .titulo_2 ,#section3 h1{
      font-size: 3.5em;
    }

    .caracteristicas_2{
        font-size: 2.8em;
     }

    .caracteristicas_3{
        font-size: 2.2em;
      }

    .otras_2,#section1 p{
        color:#fff; 
        font-family: 'MyriadPro-Regular';
        text-align: left;
        font-size: 1.4em;
        line-height: 1.4em;
    }
    .otras_4{
        color:#fff; 
        font-family: 'MyriadPro-Bold';
        text-align: left;
        font-size: 1.5em;
        line-height: 1.5em;
    }
    
    #section1 img{
        padding: 1vh;
    }
    
    #section2 img.img-responsive{
        padding: 6vw 2vw 6vw 6vw;
    }
  
    .titulo_3,h1.titulo_4{
         font-size:3.2em;
    }

    .servicio,.servicio > p{
       font-size: 1em;

    }
    
    .menu-section {
       left: 55vw;
    }

     .fp-slidesNav.left{
       top: 38vh;
     }

    .pregunta{
        font-size: 2em;
    }
    
    p.respuesta , #section3 p{
       font-size: 1em;
    }
    
    #section3 img.mascota.derecha {
        margin: auto 0;
        padding: 8vw 2vw 8vw 0 !important;
    }
    
   
}

@media (min-width: 1200px) and (max-width: 1366px){
    .menu-section {
       left: 50vw;
    }
    
    .fp-slidesNav.left{
       top: 38vh;
     }

}


/**md**/
@media (min-width: 992px) and (max-width: 1199px) {

    .menu-section {
       left: 45vw;
    }
    
    .fp-slidesNav.left{
       top: 38vh;
    }
     
    .scroll-downs {
      bottom: 5vh;
    }
    
    .titulo{
        font-size: 2.2em;
    }
    .caracteristicas{
        font-size: 2.5em;
    }
    .otras{
        font-size: 1.8em;
        line-height: 1.1em;
    }
    
    .titulo_2 ,#section3 h1{
        font-size: 2.2em;
    }

    .caracteristicas_2{
        font-size: 2em;
     }

    .caracteristicas_3{
        font-size: 1.2em;
     }

    .otras_2,#section1 p{
        font-size: 0.8em;
      }
    .otras_4{
         font-size: 0.9em;
      }
      
    #section1 img.img-responsive {
         padding: 2vw;
         max-width: calc(100vw/2.5);
         max-height:70vh;
     }
     
     #section2 img.img-responsive{
        padding: 6vw;
    }
  
    .titulo_3,h1.titulo_4{
         font-size:2em;
    }

    .servicio,.servicio > p{
       font-size: 0.8em;

    }
    
    .nota{
        padding-bottom: 1.5vh;
        padding-top: 1.5vh;
       }

    h1.titulo_5{
          font-size: 1.5em;
    }
    
    #section2 img.mascota {
        padding: 8vw 2vw 6vw 6vw !important;
    }
    
    .triangle-bottomright
    {
        border-bottom: 30vh solid #084374;
    }
    .triangle-bottomright-white{
        border-bottom: 30vh solid #fff;
    }
    
    .triangle-topleft-white{
        border-top: 30vh solid #fff;
    }
    
    .triangle-topleft{
       border-top: 30vh solid #084374; 
    }
  
   .nombre-director > button > p{
       font-size: 0.8em !important;
    }
    
    .list-group li:not(:first-of-type){
       font-size: 0.9em;
    }
}	


/**sm**/
@media (min-width: 768px)and (max-width: 991px)  {
   
    .menu-section {
       left: 40vw;
    }
    
    .fp-slidesNav.left{
       top: 38vh;
    }
    
    .scroll-downs {
        bottom:5vh;
    }
   .container{
        width: 760px;  
    }
    
    .titulo{
        font-size: 2.2em;
    }
    .caracteristicas{
        font-size: 2.5em;
    }
    .otras{
        font-size: 1.8em;
        line-height: 1.1em;
    }
    
    .titulo_2 ,#section3 h1{
        font-size: 1.9em;
    }

    .caracteristicas_2{
        font-size: 1.8em;
     }

    .caracteristicas_3{
        font-size: 1.2em;
     }

    .otras_2,#section1 p{
        font-size: 0.9em;
        line-height: 1.1em;
      }
    .otras_4{
         font-size: 0.9em;
         line-height: 1.1em;
      }
      
    #section1 img.img-responsive {
        padding: 0;
        max-width: calc(100vw/3);
        max-height:60vh;
    }
    
    .option{
      padding: 15px 10px 10px !important;
    }
    
     .triangle-bottomright { 
        border-bottom: 25vh solid #084374;
     }

     .triangle-bottomright-white { 
        border-bottom: 25vh solid #fff;
     }

    .triangle-topleft{ 
       border-top: 25vh solid #084374;
     }

     .triangle-topleft-white{ 
       border-top: 25vh solid #fff;
     }
     
     #menu > li, .option, .menu-section > ul > li, .option {
       font-size: 0.85em;
     }
     
    #section2 img.img-responsive{
        padding: 6vw;
    }
  
    .titulo_3,h1.titulo_4{
         font-size:1.5em;
    }

    .servicio,.servicio > p{
       font-size: 0.8em;

    }

   .nota{
        padding-bottom: 1.3vh;
        padding-top: 1.3vh;
        font-size: 0.8em;
       }

    h1.titulo_5{
          font-size: 1.3em;
    }
    
    .nombre-director > button > p{
       font-size: 0.8em !important;
    }
  
    .list-group li:not(:first-of-type){
       font-size: 0.8em;
    }
    
    #section4 .respuesta {
       font-size: 0.8em;
    }
    
    .footer > a{
        font-size: 0.8em;
    }
  
}



/**xs**/
@media (max-width: 767px){
    
    .navbar-collapse{
       box-shadow: -1px 7px 7px rgba(0, 0, 0, 0.3);
       background-color: #fff;
    }
    .navbar{
       background-color: #fff;
    }

    #body-content{
      overflow: visible !important;
      overflow-x: hidden!important;
    }
   
    .logo {
       width: 120px;
    }
    
    .triangle-bottomright{
        display: none;
    }
    
    .triangle-bottomright-white{
        display: none;
    }
    
    .triangle-topleft{
        display: none; 
    }
    
    .triangle-topleft-white{ 
       display: none; 
    }
    
    .titulo{
        font-size: 2.2em;
        text-align: center;
    }
    .caracteristicas{
        font-size: 1.8em;
        text-align: center;
    }
    .otras{
        font-size: 1.5em;
        line-height: 1.1em;
        text-align: center;
    }
    
    #section0 img, #section1 img.img-responsive{
       padding: 7vw;
    }
    
    #section1 .centrar {
        display: inline;
    }
    
    .fp-slidesNav ul li {
       display: inline-block !important;
    }
    
    .fp-slidesNav.left{
        left: 50%;
        bottom: 0;
     }
    
    .navbar-toggle .icon-bar{
        background-color: #084374;
    }
    
    .menu-section{
        left: 0;
    }
    
    #section0  .container-fluid .row > div:first-of-type{
          padding-top: 6vh;
    }
    
    .text-alineado{
       padding-bottom: 8vh;
    }
    
     #menu > li > .option:focus,#menu > li > .option:hover,#menu > li.active > .option,
     #menu > li > .option.white:focus, #menu > li >.option.white:hover,
     #menu > li.active > .option.white
     
     {
         font-family: 'MyriadPro-Bold';
         border:none;
     }
    
    .titulo_2 ,#section3 h1{
        font-size: 1.9em;
    }

    .caracteristicas_2{
        font-size: 1.8em;
     }

    .caracteristicas_3{
        font-size: 1.2em;
     }

    .otras_2,#section1 p{
        font-size: 0.9em;
        line-height: 1.1em;
      }
    .otras_4{
         font-size: 0.9em;
         line-height: 1.1em;
      }
    
     .productos{
         background-color: transparent;
         border: medium none;
         align-self: center;
         margin: auto;
         font-family:"MyriadPro-Regular";
     }
     
     .productos > img{
          max-width: 25px !important;
          padding: 0 !important;
     }
     
     .modal-footer{
         display: flex
     }
     
     .carousel,.modal-body{
         height: 79vh;
     }
    
    #myCarousel .carousel-indicators {
       bottom: 10px;
     }  
     
    .carousel-indicators {
      bottom: -5vh;
     }  
     
    .titulo_3{
        color:#084374; 
        text-transform: uppercase;
        font-size: 2em;
        font-family: 'Raleway-Regular';
        text-align: center;
        margin-bottom: 3vh;
    }

    span.titulo_4{
        color:#084374; 
        text-transform: uppercase;
        font-family: 'Raleway-Black';
        text-align: center;
    }
    
    .servicio{
        color: #084374;
        font-size: 0.9em;
        text-align: left;
        margin-top: 0.5vh;
        text-transform: uppercase;
    }
    
    form{
        margin-top: 2vh;
        margin-bottom: 2vh;
    }
    .nota{
      padding-bottom: 1.3vh;
      padding-top: 1.3vh;
      font-size: 0.8em;
      text-align: justify;
     }

    h1.titulo_5{
          font-size: 1.5em;
    }
  
    #pregutas-carousel-xs,#directivos-carousel-xs{
        height: auto !important;
        padding-bottom: 10vh;
    }
    
    .pregunta{
        font-size: 2em;
    }
    
    p.respuesta, #section3 p{
       font-size: 1em;
    }
    
   .list-group li:not(:first-of-type){
       font-size: 0.8em;
    }
    
    .nombre-director > button > p {
        font-family: "MyriadPro-Regular";
        font-size: 0.8em !important;
    }
   
    #noticias-carousel {
      margin-top: 10vh;
    }
    #section0 img.img-responsive{
        max-width: 100%;
        height: auto;
    }
    #section1 img.img-responsive {
        max-width: 100%;
        height: auto;
    }
    
    .somos{
        padding: 0;
        height: auto !important;
        overflow: no-display;
    }
}

@media (max-width: 320px){
     .titulo{
        font-size: 1.9em;
        text-align: center;
    }
    .caracteristicas{
        font-size: 1.3em;
        text-align: center;
    }
    .otras{
        font-size: 1.2em;
        line-height: 1.1em;
        text-align: center;
    }
    
    .nombre-director > button > p {
         font-size: 0.6em !important;
     }
     
      .somos{
        padding: 0;
        height: auto !important;
        overflow: no-display;
    }
}