/*
 IPAD 
    H: 1024x704
    V: 768x1024

IPHONE 6
    V: 375x559
    H: 667x375

/* less than 480 */
@media (max-width:479px){
    .header h1{font-size:64px}
    .header h2{font-size:14px}
        .header h2 span{font-size:18px}
    .navbar-brand{display:none}
    .col-xs-4{float:none;width:100%}
    .row1 div.center{padding:0;margin:10px 0}
    .col-xs-8{margin:10px 0;width:100%;float:none}
    .row1 div.center{padding:0}
    .row2 div.metodologia{padding:0}
    .row3 div.autorizado{padding:0}
    .row3 div.horario{padding:0}
    address{bottom:-15px}
        address .site-name{color:#333;position:absolute;bottom:140px}
    .social .center{margin:0 !important}
    .carousel-caption .twice .sombra{height:120%}
    .carousel span.txt{font-size:14px}
    div.noticias{padding-bottom:10px}
    #presentacion-fotos{float:right}
    #presentacion-content{float:left}
    #instalaciones-fotos{float:right}
    #instalaciones-content{float:left}
    #gallery-ubicacion{margin:20px 0}
    #proyecto-fotos,#metodologia-fotos{float:right}
    #proyecto-content,#metodologia-content{float:left}
        #proyecto-fotos li, #metodologia-fotos li{margin:20px 0}
    .social-actions{z-index:9999 !important;overflow:visible;position:absolute;top:90px;left:15px}
    .periodo{top:130px;right:30px;font-size:110% !important;color:#333 !important}
    aside.noticias h3{padding-top:10px}

    .language-selection{top:120px;z-index:99999}

}
/* from 480 to 767 */
@media (min-width:480px) and (max-width:767px){
    .highlight .plazo-matricula{padding:12px 0}
    .noticias li{padding-top:10px}
    .noticias li:first-child{padding-top:0}
    /*.noticias li{border-bottom:0}
    .noticias li:nth-child(even){border-left:1px solid;border-right:1px solid}*/
    .social .center{margin:0 !important}
    .carousel-caption .sombra{width:99%}
    .carousel-caption .twice .sombra{height:130%}
    .row1 .plazo-matricula h4{font-size:18px;line-height:22px}
    .row1 .ven-conocer .fl, .row1 .ven-conocer .fr{display:none}
    .row1 .ven-conocer{font-size:22px;line-height:25px;padding:32px 0}
    .row2 .text-center{padding:22% 0}
    .row2 .metodologia{font-size:16px}
    .row3 .certificado{}
    .row3 .autorizado .padding{padding:22px 0}
    .row3 .reloj{clear:both;margin:20px 0 0 0}
        .row3 .reloj .padding{padding:58px 0 57px 0}
    .row3 .horario{margin:20px 0 0 0}
    .periodo{top:170px;font-size:140% !important;color:#333 !important}
    aside.noticias h3{padding-top:10px}
}
/* from 480 to 600 */
@media (min-width:480px) and (max-width:600px){
    .carousel-caption .sombra{width:95%}
    .carousel-caption .twice .sombra{height:200%}
    .nueva-gerencia .box{padding:25px 0}
    .plazo-matricula .box{padding:21px 0}
    .ven-conocer .box{padding:8px 0}
    .row2 .text-center{padding:38% 0}
}

/* from 768 to 991 --> IPAD Vertical*/
@media (min-width:768px) and (max-width:991px){
    .header h2{}
    .navbar-brand{width:100px;margin:0}
    .navbar-brand img{margin:-5px 0 0 0}
    #social-links{position:absolute;top:-50px;right:-15px}
    #social-links > li > a{padding:10px 10px !important;font-size:100%}

    .carousel-caption .sombra{width:100%}
    .carousel .carousel-caption .twice .txt{font-size:75% !important}
    .carousel-caption .twice .sombra{height:110%}
    aside.noticias{padding-bottom:10px}
    .noticias h3{padding-top:10px}
        .noticias li{border-bottom:0}
        .noticias li:nth-child(even){border-left:1px solid;border-right:1px solid}
    /* ROW 1 */
    .highlight .plazo-matricula{padding:30px 0}
    .highlight .compartelo{padding:12px 0}
    .plazo-matricula h4{font-size:22px;line-height:25px}
    .ven-conocer{font-size:22px;line-height:22px}
    .ven-conocer{padding:20px 0 5px 0!important}
        .ven-conocer .img-responsive{position:absolute;top:3px;right:0;width:60%}
        .ven-conocer .clearfix{display:none}
        .ven-conocer .fl{display:none}
        .ven-conocer p{padding:40px 0 0 0;line-height:22px}
            .ven-conocer p span{display:inline-block;line-height:24px;}
    /* ROW 2 */
    .row2 .text-center{padding:25% 0}
    /* ROW 3 */
    .row3 div.autorizado{padding:0 0 0 2%}
        .autorizado .padding{padding:22px 0}
    .row3 div.horario{padding:0 0 0 2%}
    .reloj{clear:both;margin:20px 0 0 0}
    .horario{margin:20px 0 0 0}
    .periodo{top:180px;font-size:180% !important;color:#333 !important}
}
/* from 992 to 1199 */
@media (min-width:992px) and (max-width:1200px){
    .navbar-brand{width:130px}
    .navbar-brand img{margin:-5px 0 0 0}
    aside.noticias{padding-bottom:0}
    .noticias h3{font-size:18px;margin-top:10px}
        .noticias h3 img.icon{width:30px}
        .noticias .content{padding-left:0;margin-left:0}
        aside.noticias{padding-bottom:0}
        .noticias ul{margin-left:-12px}
    /* ROW 1 */
    .highlight div.nueva-gerencia img{margin:19px 0}
    .highlight div.plazo-matricula{padding:12px 0}
    .highlight .compartelo{padding:29px 0}
    .highlight .compartelo .sharethis{font-size:28px}
    /* ROW 2 */
    .row2 div.text-center{padding:21px 0}
    /* ROW 3 */
    .row3 .horario{font-size:15px}
    .periodo{top:260px;font-size:200% !important;color:#333 !important}
}
@media(max-width:540px){
    .modal .modal-dialog{width:95%}
}
@media(max-width:991px){
    #gallery{padding-right:0}
}
@media(min-width:1200px){
    
}
/* IPAD (H) */
@media(width:1024px){
    .carousel-caption .sombra{width:105%}
    .carousel .carousel-caption .twice .txt{font-size:72% !important}
    .carousel-caption .twice .sombra{height:110%}

}