@charset "utf-8";
/*nav*/
a:focus, a:hover {
    text-decoration: none !important;
}
/*termina lines button*/
@media screen and (max-width:1900px) {
}
@media screen and (max-width:1600px) {
}
@media screen and (max-width:1440px) {
}
@media screen and (max-width:1366px) {
}
@media screen and (max-width:1280px) {
    .columna.col4.feature img {
        max-height: none;
        height: 400px;
    }   
}


@media screen and (max-width:1200px) {
    /*div#events .columna .oculto {
        font-size: 0.95em;
        line-height: 1;
    }*/

    .carousel-caption {
        padding: 20px;
        bottom: 15%;
    }
    .carousel-caption p {
        font-size: 1.3em;
    }
    .carousel-caption p.slide-text-small {
        font-size: 1.1em;
    }.carousel-caption p br {
        display: none;
    }
    a.btn {
        /*position: initial;*/
        width: max-content;
        margin: 1em 0 0;
    }

    p.description {
        font-size: 78%;
    }

    div#events .all {
        height: 150px;
    }


    div#header-top {
        width: 95%;
    }

    .col3.columna.all h2 {
        padding-bottom: 0;
    }
}


@media screen and (max-width:1120px) {
    /*
    .home-row-links.columnas .col3.columna.all div {
        padding: 20px 5px;
    }
    */
    .subcont_events{
        width: 100%;
        height: 100%;
        min-height: 200px;
        position: absolute;
    }
    .subcont_events img {
        display: block;
        height: 100%;
        width: 100%;
        position: relative;
        object-fit: cover;
        -webkit-object-fit: cover;
        -moz-object-fit: cover;
        -o-object-fit: cover;
        -ms-object-fit: cover;
        object-position: 50% -39px;
    }
    #student p.description.oculto, #STAFF p.description.oculto, #ALUMNI p.description.oculto, #PUBLICATIONS p.description.oculto {
        font-size: 1.4em;
    }
    .title.columnas .col3 h2.titt_facts {
        width: 70%;
    }
    .datos.columna.col6 {
        DISPLAY: FLEX;
        padding: 0;
        margin: 7px 0;
        width: 50%;
    }
    .datos.columna.col6:nth-child(even) {
        width: 50%;
        margin-right: 0px;
        margin-left: 0;
    }
    .bg_blue h2, .bg_yellow h2 {
        font-size: 1.5em;
    }
    .columna.col4.feature {
        font-size: 1.2em;
    }
    .sub-title h2 {
        display: inline-block;
        vertical-align: top;
        width: 87%;
    }
}


@media (max-width: 1080px) {
    .tab .col12 div .scholar-right {
        display: block;
    }
    .tab .col12 div.scholar-content .scholar-right div, .tab .col12 div.scholar-content .scholar-right div {
        display: block;
    }
    .scholar-visitation + .scholar-discipline:before {
        display: inline-block;
        content: '|';
        padding: 0 15px 0 12px;
        vertical-align: top;
    }

    .site-title {
        height: 0;
        padding-bottom: 45px;
        margin: 0 0 0 10px;
        background-size: contain;
    }
    .pos-left .carousel-caption {
        right: auto;
    }
}


@media (max-width: 1024px) {
    .home-row-links p.description.oculto {
        font-size: 1em;
    }
    .scholar-button {
        padding: 10px 20px;
    }
.sub-title h2 {
    width: 85%;
}
    section.content-home .col3.columna h2,
    div#whatsnew .columna.all h2 {
        font-size: 1.2em
    }
}


@media (max-width: 924px) {
.sub-title h2 {
    width: 80%;
}
}


@media (max-width: 900px) {
    .whatsnew .col3.columna p {
        font-size: 0.9em;
    }
    div#events p.description.oculto {
        font-size: 0.75em;
    }
    .logo {
        width: 53%;
    }
    .logo img {
        width: 70px;
        margin: 6px;
    }
    .logo a:nth-child(2) img {
        width: 60px;
    }
    .title.columnas .col3 h2.titt_facts {
        width: 90%;
    }
    .datos.columna.col12 p {
        font-size: 3em;
    }
    .datos.columna.col12 p:first-child {
        font-size: 1.2em;
    }
    .bg_yellow h2 {
        font-size: 1.5em;
    }
    section.content.souvenir .columna {
        margin-left:5%;
        width: 44%;
    }

}

@media (max-width: 850px) {
    .mainmenu li a {
        font-size: 14px;
    }
}

@media (max-width: 820px) {
    .mainmenu li a {
        font-size: 12px;
    }
}

@media (max-width: 800px) {
    /*
    .logo img {
        width: 55px;
    }
    */
    .logo p:nth-child(1) {
        font-weight: 900;
        font-size: 1.5em;
    }
    .logo p {
        font-size: 1.3em;
    }
    .logo p {
        margin: 0 5px;
    }
}


@media (min-width: 769px) {
    .navbar-toggle {
        display: block !important;
        
    }
    .responsive ul a {
        margin-bottom: .5em;
    }
    .event-intro:nth-child(8n+1) .ei-date,
    .event-intro:nth-child(8n+3) .ei-date,
    .event-intro:nth-child(8n+6) .ei-date,
    .event-intro:nth-child(8n+8) .ei-date {
        background: #fff;
    }
}



/** Mobile **/
@media screen and (max-width: 768px) {
    .logo a.logo-65th img,
    .logo-group img {
        max-height: 45px;
        margin-top: 0px;
    }
    .responsive .redes {
        margin-left: 10px;
    }
    .event-intro {
        width: 33.3333%;
    }
    .redes img {
        max-width: 22px;
    }
    .news-slide-5, .news-slide-6, .news-slide-7, .news-slide-8 {
        display: block !important;
    }
    div#events .columna:hover .oculto, 
    div#events .columna:hover .filtro_color, 
    div#events .columna:hover .filtro_multiply {
        opacity: 0;
    }
    p.description.oculto:hover, 
    p.description.oculto:hover ~ .filtro_multiply, 
    p.description.oculto:hover ~ .filtro_color {
        opacity: 1;
    }
    p.description.oculto:hover ~ img {
        filter: grayscale(100%) !important;
    }
    div#events .image-container {
        width: 50%;
        padding-bottom: 50%;
        margin: 0 auto;
    }
    section.content-home .col3.columna h2 {
        font-size: 1.3em;
    }
    .whatsnew .col3.columna p {
        font-size: 1em;
    }

    .site-title {
        background-image: url('/20230313220408oe_/http://www.uc.cuhk.edu.hk/wp-content/themes/customtheme/images/site-title-mobile@2x.png');
    }
    div#events p.description.oculto {
        font-size: 1.2em;
    }
    .home-row-links p.description.oculto {
        font-size: 1.5em;
    }
    .home-row-links .inage-container {
        height: 0
        padding-bottom: 50%;
    }
    div#whatsnew, div#events {
        display: block;
    }

    .home-events-date {
        display: block;
    }


    section.content-home .col3.columna.all {
        padding: 10px;
    }
    #student .content-full .columna, 
    #STAFF .content-full .columna, 
    #ALUMNI .columna, 
    #PUBLICATIONS .content-full .columna, 
    .home-row-links .content-full .columna {
        width: calc(100% / 3 );
    }
    .col3.columna.all, 
    #student .content-full .columna, 
    #STAFF .content-full .columna, 
    #ALUMNI .columna, 
    #PUBLICATIONS .content-full .columna, 
    .home-row-links .content-full .columna {
            height: 0;
            padding-bottom: calc(100% / 3 );
    }
    div#whatsnew .columna h2,
    section.content-home .col3.columna h2 {
        font-size: 1.2em;
        padding-bottom: 0;
    }
    .whatsnew .col3.columna {
        width: 100%;
        padding-bottom: 10px 10px 55px 10px;
    }
    .whatsnew .col3.columna, .whatsnew .col3.columna.all {
        min-height: 0;
    }
    #events .col3.columna {
        width: 33.33%;
    }
    #events p.date {
        height: auto;
    }
    .content-home #events .col3.columna {
        width: 100%;
    }
    div.whatsnew .col3.columna.all, div#events .col3.columna.all {
        display: block;
        width: 100%;
        min-height: unset;
        padding: 15px 10px;
    }
    .col3.columna.all, .events .col3.columna.all, 
    .events .col3.columna.all div, 
    #ALUMNI .columna.all,
    #ALUMNI .columna.all div, 
    #events .col3.columna.all {
        width: 100%;
        height: auto;
        min-height: auto;
        text-align: center;
    }
    body.mobile .whatsnew .col3.columna.all, body.mobile #events .col3.columna.all {
        height: auto !important;
    }
    .home-row-links.columnas .col3.columna.all {
        width: 100% !important;
        height: auto;
        padding: 10px;
        font-size: 1.2em;
    }
    .home-row-links.columnas .col3.columna.all div {
        padding: 0;
    }
    .home-row-links.columnas .col3.columna.all h2 {
        border-right: 0 !important;
        padding: 0;
        margin: 0;
    }
    .home-row-links.columnas .col3.columna.all h2 br {   
        display: inline;
        content: "";
        padding-left: 2px;
        clear: none;
    }
    .whatsnew .columna.all a.btn, .events .columna.all a.btn {
        position: relative;
        bottom: unset;
    }
    div#whatsnew .columna.all h2 {
        font-size: 1.2em;
        padding: 0 15px;
        border-right: 1px solid #FFF;
    }
    div#events .columna.all h2 {
        padding: 0 15px;
        border-right: 1px solid #363636;
        margin-right: 15px;
    }
    .col3.columna.all h2 {
        width: max-content;
        display: inline-block;
        vertical-align: middle;
        text-align: center;
        font-size: 1em;
        border-right: 1px solid #363636;
        padding: 5px  15px;
        padding-left: 0;
        margin: 0   15px 0 0;
        margin-bottom: 0;
    }
    .col3.columna.all.home-events-heading h2 {
        padding-right: 0;
        border-right: 0;
        margin-right: 0;
    }
    .whatsnew .col3.columna.all a.btn, .events .col3.columna.all a.btn {
        display: inline-block;
        vertical-align: middle;
        min-height: unset;
        color: #000;
        background: #ffd401;
        text-transform: uppercase;
        font-size: 1.2em;
        font-weight: 700;
        margin-top: 0;
        width: 70px;
        padding: 5px 10px;
    }

    .col3.columna.all h2:after {
        display: none;
    }


    section.content-home .col3.columna.all h2,
    section.content-home .col3.columna h2 {
        display: inline;
        width: auto;
        line-height: 1.5;
    }
    .whatsnew .col3.columna p {
        margin-top: 10px;
    }


    .news-slider-container, .events-slider-container {
        width: 100%;
        /*height: 300px;*/
        background: #dcdcdc;
        overflow: hidden;
    }
    .news-slider-container {
        padding: 10px 40px 10px;
    }
    .events-slider-container {
        padding: 30px 40px 10px;
    }
    .news-slider-container a.btn {
        bottom: 15px;
    }
    .events-slider-container {
        /*height: 320px;*/
    }

    .news-slider-container .bx-viewport, .events-slider-container .bx-viewport {
      height: 100% !important;
    }
    .news-slider, .events-slider {
        height: 100% !important;
    }
    .news-slider .news-slide, .events-slider .events-slide {
        height: 100% !important;
    }
    div#whatsnew .columna, div#events .columna {
        background: #dcdcdc;
    }
    #events .columna:nth-child(odd) p.date {
        background: #dcdcdc;
    }



    .scholar-button {
        bottom: 15px; /*4%;*/
        top: unset;
        left: 40px;
        padding: 5px 40px;
    }
    .sub-title.bulletin {
        margin-bottom: 0;
    }
    section.content.BULLETIN  .columna.col4.general {
        margin: 5px;
        width: calc((100% - 20px)/2);
    }

    section.content.BULLETIN  .columna.col4.feature {
        margin: 5px;
        width: calc((100% - 20px)/2);
        min-height: 183px;
    }
    section.content.BULLETIN  .columna.col4.feature img {
        max-height: none;
        height: 212px;
    }
    section.content.BULLETIN  .columna.col4.feature p {
        font-size: 0.8em;
    }

    .tab .col12 div.news-contacts {
        padding-right: 6%;
    }

    .events.columnas .columna img.fullimage {
        /* height: auto;
        max-width: 100%;
        max-height: 100%;
        object-fit: contain; */
        object-fit: cover;
    }
    /*
    #events p.date {
        height: 105px;
        font-size: 0.8em;
    }
    */
    .home-event-title {
        display: block;
    }

    .album-photo {
        width: 33.33%;
    }

    .title.columnas.tab .columna.col12 {
        width: 100%;
    }
    .responsive .widget-mobile-ls ul li {
        display: inline-block;
    }
    .responsive .widget-mobile-ls ul li a {
        color: #18aad1;
    }
    .responsive .widget-mobile-ls ul li.active a, .responsive .widget-mobile-ls ul li:hover a {
        color: #FFF;
    }

    nav.mobilemenu {
        margin-top: 20px;
    }
    nav.mobilemenu ul.sub-menu {
        display: none;
        padding: 5px 20px;
    }
    li.expanded > ul.sub-menu {
        display: block;
    }
    nav.mobilemenu > ul > li > ul > li:before {
        position: absolute;
        top: -2px;
        left: 0px;
        display: inline-block;
        content: '>';
        vertical-align: top;
    }
    nav.mobilemenu > ul > li > ul > li.menu-item-has-children:before {
        content: '+';
    }
    nav.mobilemenu > ul > li > ul > li > ul > li:before {
        position: absolute;
        top: 0px;
        left: 0px;
        display: inline-block;
        content: '-';
        vertical-align: top;
    }
    .mobilemenu ul li {
        position: relative;
        line-height: 1.7;
    }
    div#header-top {
        height: 62px;
        padding: 0;
        font-size: .5em;
    }
    div#header-top img {
        width: 55px;
        margin-top: 0;
        margin-bottom: 0;
    }
    div#header-top a:nth-child(2) img {
        width: 42px;
    }
    .logo img {
        margin: 5px;
    }
    .site-title {
        margin-top: 0;
        padding-bottom: 35px;
    }

    /*slider bootstrap*/
    .home-slider-container .bx-controls.bx-has-pager {
        bottom: 0 !important;
        height: 20px !important;
        padding-top: 10px !important;
    }
    .news-slider-container .bx-controls.bx-has-pager,
    .events-slider-container .bx-controls.bx-has-pager {
        bottom: 0 !important;
        height: 35px !important;
        padding-top: 10px !important;
    }
    .bx-wrapper .bx-pager.bx-default-pager a {
        width: 10px !important;
        height: 10px !important;
    }
    .news-slider-container .bx-wrapper .bx-controls-direction a {
        width: 20px;
    }
    .events-slider-container .bx-wrapper .bx-controls-direction a {
        width: 20px;
        margin-top: -60px;
    }

    .home-slider-container {
        padding-bottom: 10px;
        background-color: #FAFAFA;
    }
    .bx-controls.bx-has-pager {
        position: static !important;
    }
    .carousel-caption {
        position: absolute;
        /* position: static !important; */
        display: table;
        table-layout: fixed;
        width: 100%;
        /* height: 100px; */
        padding: 10px 15px;
        bottom: 0;
    }
    .carousel-caption-inner {
        display: table-cell;
        vertical-align: middle;
    }
    .carousel-caption p {
        font-size: 1.1em;
        text-align: center;
    }
    .carousel-caption p.slide-text-small {
        font-size: 1em;
    }
    .carousel-caption p + p {
        margin-top: 5px;
    }
    .pos-left .carousel-caption, .pos-right .carousel-caption {
        width: 100%;
    }

    .carousel-control {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        width: 5%;
        font-size: 20px;
        color: #fff;
        text-align: center;
        text-shadow: 0 1px 2px rgba(0,0,0,1);
        background-color: rgba(0,0,0,0);
        filter: alpha(opacity=100);
        opacity: 1;
    }


    .carousel-control {
        display: block;
    }
    .carousel-control.right, .carousel-control.left {
        background: none;
    }

    .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next, .carousel-control .icon-prev {
        top: 80%;
    }
    .dj-slider , div#myCarousel, .carousel-inner>.item {
        width: 100%;
    }
    /*
    .dj-slider div.dj-slider-image {
        min-height: 292px;
    }
    */
    .carousel-inner>.item>a>img, .carousel-inner>.item>img {
        height: 100%;
        object-fit: cover;
    }
    /*end*/
    footer {
        background-color: unset;
        padding: 0;
    }
    footer nav {
        padding-bottom: 13px;
    }

    .responsive footer {
        display: block !important;
    }
    footer a {
        border-left: 0;
    }

        img.nivo-main-image {
        top: 0 !important;
    }
    .nivo-directionNav a {display:block;top: -205px !important;z-index: 9998 !important;}

    .nivo-directionNav {
        position: absolute !important;
        display: block !important;
        top: 418px;
    }
    .nivo-caption p {
        width: 100% !important;
    }

    .nivo-caption br { display:none !important;}


    .nivo-caption,.nivo-caption p {
        max-height: max-content !important;
        font-size: 1em;
    }
        button[aria-expanded="true"] {
        background: none !important;
    }
    .navbar-collapse .mobilemenu > ul {
        padding: 5px;
    }
    input[type="search"] {
        color: #fff;
        background: none !important;
        width: 74%;
    }
    .search img {
        max-width: 17px;
        width: 23%;
        display: inline-block;
        margin-left: 2%;
        position: absolute;
        top: 5px;
        left: 1px;
    }
    .responsive ul a {
        margin-bottom: .5em;
    }
    input[type="search"]::placeholder {
        color: #fff;
    }
    button span:nth-child(1),
    button span:nth-child(3) {
        position: relative;
        top: 0;
        transition: transform 0.2s ease-in-out;
    }
    button span:nth-child(2) {
        opacity: 1;
        transition: opacity 0.2s ease-in-out;
    }

    button[aria-expanded="true"] span:nth-child(1) {
        top: 15px;
        -ms-transform: rotate(45deg);
        transform: rotate(45deg);
        transition: transform 0.2s ease-in-out;
    }
    button[aria-expanded="true"] span:nth-child(2) {
        opacity: 0;
    }
    button[aria-expanded="true"] span:nth-child(3) {
        top: -6px;
        -ms-transform: rotate(-45deg);
        transform: rotate(-45deg);
        transition: transform 0.2s ease-in-out;
    }


    .navbar-collapse {
        overflow-y: auto;
        /* top: 70px; */
        /* position: absolute; */
        background: rgba(24, 170, 209, .8);
        width: 100%;
        height: 100vh;
    }
    .navbar-collapse.collapse {
        display: none !important;
    }
    .navbar-collapse.collapse.in {
        display: block !important;
        height: 100vh !important;
    }
    button.navbar-toggle.collapsed {
        top: 0;
    }

    button.navbar-toggle {
        display: block !important;
        position: absolute;
        right: 0;
        top: -5px;
        background: #18aad1;
        margin: 0;
        width: 62px;
        height: 62px;
        padding: 9px 0 0 0;
        border-radius: 0;
        z-index: 9999;
    }

    .responsive ul.dropdown {
        position: inherit;
        background: no-repeat;
        min-height: auto;
        padding: 5px 15px;
    }
    .responsive .search {
        position: relative;
        width: 36%;
        display: inline-block;
        background: no-repeat !important;
        color: #fff;
        padding-left: 20px;
        border: 1px solid;
    }
    .responsive ul a.active, .responsive ul li.current-menu-item a {
        color: #ffc24c !important;
    }
    .responsive .redes a {
        color: #18aad1;
        font-size: 14px;
        /* width: auto; */
    }
    .responsive .redes a:hover {
        color: #FFF;
    }
    .responsive .navbar-collapse {
        padding-top: 18px;
    }
    .responsive .navbar-collapse .mobilemenu li, .responsive .navbar-collapse .mobilemenu li a {
        display: block;
        color: #fff;
        font-weight: 700;
    }
    .responsive .navbar-collapse .mobilemenu li a {
        font-size: 17px;
    }
    .responsive .navbar-collapse .mobilemenu ul ul li a {
        font-size: 14px;
        font-weight: 600;
        padding-left: 12px;
    }
    .responsive .navbar-collapse .mobilemenu ul ul li a[aria-expanded="true"]:hover {
      color: #ffc24c !important;
    } 
    div#events .columna .oculto {
        font-size: 1em;
    }



    nav.mainmenu {
        display: none;
    }

    .mod_redes {
        display: none;
    }

    div#inicio {
        margin-top: 44px;
        min-height: 350px;
        position: relative;
    }

    section.content {
        width: 100%;
    }

    .introtext p {
        font-size: 1em;
        padding: 13px;
    }

    .introtext p br {
        display: none;
    }


    .content-full {
        width: 100%;
    }

    span.icon-bar {
        background: #fff;
        margin: 9px;
    }
    .navbar-toggle .icon-bar {
        width: 28px;
        margin: 0 auto 9px auto;
    }

    .responsive {
        position: fixed;
        top: 0;
        z-index: 10001;
        width: 100%;
        display: block;
    }
    /*header + * {
        margin-top: 44px;
    }*/
    /*
    .logo img:nth-child(2) {
        max-width: 30px !important;
    }
    */

    /*souvenir*/
    section.content.souvenir .columna {
        width: 90%;
    }
    .tab .col12 div {
        display: block;
        width: 100%;
        padding-bottom: 40px;
    }

    .tab h2 {
        display: block;
        width: 100%;
        text-align: center;
        background: #18aad1;
        margin: 0 !important;
        padding: 2% 1% 3%;
    }
    .title.columnas.tab.figures-tab .columna h2 {
        width: 100%;
    }
    .tab h2:after {
        margin: 1em auto 0;
    }
    .bg_yellow h2:after, .bg_blue h2:after {
        margin: 1em auto 0;
    }
    .title.columnas .col3 {
        width: 100%;
    }

    .title.columnas {
        display: block;
    }

    .title.columnas .col3 h2 {
        margin: 0 !important;
        padding: 0;
        text-align: center;
        width: 100%;
        font-size: 1em;
    }
    .datos.columna.col6 {
        width: 100%;
    }

    .datos.columna.col6 p:first-child {
        width: 50%;
    }

    .datos.columna.col6:nth-child(even) {
        margin: 0;
        width: 100%;
    }

    .datos.columna.col6 p {
        width: 50%;
        font-size: 2em;
    }

    .datos.columna.col12 {
        display: block;
    }

    .datos.columna.col12 p:first-child {
        width: 100%;
    }

    .datos.columna.col12 p {
        width: 100%;
        font-size: 3em;
    }
    .tab p {
        width: 90%;
    }
    .bg_blue {
        float: none;
        width: 100%;
        min-height: auto !important;
    }

    .ContPeople .col6 {
        width: 100%;
    }

    .bg_blue h2 {
        width: 100%;
    }

    .bg_yellow {
        float: none;
        width: 100%;
        min-height: auto;
    }

    .ContPeople._5 {
        width: 100%;
    }

    .ContPeople._5 .col2 {
        width: 33.3%;
        font-size: .8em;
    }
    .divTable {
        font-size: .8em;
        width: 97%;
    }

    .divTableCell {
        width: 15% !important;
    }

    .divTableCell:first-child {
        font-size: 1em;
        max-width: 114px;
        padding: 0 10px;
    }
    .title.columnas .col7 {
        width: 100%;
    }

    div#whatsnew .all h2:after, .title.columnas .col3 h2:after {
        margin: 10px auto 0;
    }
    .tab h2:before {
        margin: 0 auto 10px;
        left: 0;
        right: 0;
    }
    .bg_yellow h2 {
        width: 100%;
        text-align: center;
    }

    .bg_yellow h2:before, .bg_blue h2:before {
        left: 0;
        right: 0;
        margin: 0 auto;
    }

    .ContPeople {
        width: 90%;
        margin: 0 auto 1em;
        display: block;
    }
    section.content.news .columna {
        width: 100%;
    }
    section.content.news .col7 {
        padding-top: 0;
    }
    .logo {
        width: 100%;
        height: 62px;
    }
    .logo p {
        margin: 0;
    }
    .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next, .carousel-control .icon-prev, .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next, .carousel-control .icon-prev {
        top: 80%;
        text-shadow: initial;
        opacity: 1 !important;
        color: #18aad1 !important;
    }
    .dj-slider img {
        vertical-align: middle;
        object-fit: cover;
        -webkit-object-fit: cover;
        -moz-object-fit: cover;
        -o-object-fit: cover;
        -ms-object-fit: cover;
        /* object-position: 50% -39px; */
        width: 100%;
        height: 100%;
    }
    hr.azul {
        margin: 0;
        border: 0;
    }
    .tab h2.college_song br  {
        display: none;
    }
    .tab .contImg.columnas img {
        /*margin: 0 0 0 30%;*/
    }
    .bg_blue h2, .bg_yellow h2 {
        font-size: 1.5em;
        text-align: center;
        margin-bottom: 0 !important;
        padding-bottom: 0;
    }

    .figures-tab span {
        text-align: center;
    }


}


@media screen and (max-width:720px) {
    .office-entry {
        display: inline-block;
        width: 49.5%;
        margin-right: 1%;
    }
    .office-entry:nth-child(3n+3) {
        margin-right: 1%;
    }
    .office-entry:nth-child(2n+2) {
        margin-right: 0;
    }

    .sub-title h2 {
        width: 70%;
    }
}



@media screen and (max-width:768px) and (min-width:601px) {
    .event-intro:nth-child(6n+1) .ei-date,
    .event-intro:nth-child(6n+3) .ei-date,
    .event-intro:nth-child(6n+5) .ei-date {
        background: #fff;
    }
}

@media screen and (max-width:600px) {
    .event-intro {
        width: 50%;
    }
    .event-intro:nth-child(4n+1) .ei-date,
    .event-intro:nth-child(4n+4) .ei-date {
        background: #FFF;
    }
    .home-slider .slide-image {
        padding-bottom: 70%;
    }
    .home-slider .slide-image-mobile {
        display: block;
    }
    .home-slider .slide-image-desktop {
        display: none;
    }
    div#whatsnew .columna h2,
    section.content-home .col3.columna h2 {
        font-size: 1em;
    }
    div#whatsnew .columna.all h2,
    div#events .columna.all h2 {
        font-size: 1.3em;
    }
    .whatsnew .col3.columna.all a.btn, .events .col3.columna.all a.btn {
        font-size: 1.1em;
        width: 60px;
        padding: 3px 10px;
    }
    .home-row-links p.description.oculto {
        font-size: 1.2em;
    }
    section.content-home .col3.columna h2 {
        font-size: 1.2em;
    }
    div.whatsnew .col3.columna.all, div#events .col3.columna.all,
    .home-row-links.columnas .col3.columna.all {
        padding: 13px 10px;
    }
    .tab .col12 div.news-contact, .news-contact {
        width: 100%;
        margin-right: 0;
    }
    .tab .col12 div.scholar-left {
        display: block;
        margin-bottom: 50px;
    }
    .title.columnas.tab .columna.col12 {
        width: 100%;
        padding-bottom: 5px;
        background-color: #FFF;
    }
    .title.columnas.tab.figures-tab .columna.col12 {
        padding-bottom: 0;
    }
    .title.columnas.tab.figures-tab p {
        width: 100%;
    }
    .figures-tab span {
        font-size: 3em;
    }

    div#whatsnew .columna h2 {
        margin-top: 0;
        /* border-right: 1px solid !important; */
    }
    .lenguages a {
        padding: 5px 0;
        width: 32px;
    }
    .whatsnew .all h2 {
        border-right: 1px solid !important;
    }

    div#events .col3.columna {
        padding: 0;
    }
    .nivoSlider img {
        height: 292px;
        object-fit: cover;
    }

    .logo p:nth-child(1) {
        font-weight: 900;
        font-size: 1.4em;
        margin: 4px 5px 0;
    }
    .logo p {
        margin: 2px 5px 0;
    }
        
    .responsive .redes a {
        /* padding: 0 6px; */
        font-size: 14px;
        width: 30px;
        height: 28px;
    }
    .responsive .footer a {
        font-size: 15px;
    }

    input[type="search"] {width: 74%;}
    .responsive .search {
        width: 32%;
        height: 28px;
        display: inline-block;
        vertical-align: middle;
    }
    input[type="search"] {
        padding: 2px 5px;
        font-size: 14px;
    }

    .lenguages a {
        padding: 5px 0;
        width: 30px;
        height: 28px;
        font-size: 14px;
        line-height: 18px;
    }
    .carousel-caption p {
        /* width: 70%; */
        font-size: 1em;
    }
    .carousel-caption p.slide-text-small {
        font-size: 0.8em;
    }
    /*
    .pos-right .carousel-caption p {
        margin-left: 30%;
    }
    */

    div#events .columna .oculto {
        font-size: .8em;
    }
    #student p.description.oculto, #STAFF p.description.oculto, #ALUMNI p.description.oculto, #PUBLICATIONS p.description.oculto {
        font-size: .8em;
    }
    section.content.BULLETIN .columna.col4.feature img {
        max-height: none;
        height: 165px;
    }
    .sub-title h2 {
        width: 100%;
        display: block;
        position: relative;
    }
    .category {
        display: inline-block;
        vertical-align: middle;
        position: relative;
        margin-top: 22px;
    }
    .sub-title {
        background: #18aad1;
        padding: 15px;
        margin-bottom: 5%;
    }
    .responsive .navbar-collapse .mobilemenu li, .responsive .navbar-collapse .mobilemenu li a {
        font-size: 17px;
    }
    body.history .tab p {
        font-size: .8em;
    } 
    .title.columnas .col7.txt_found p {
        width: 34%;
        margin: 0 auto;
        text-align: left;
        line-height: 1;
        font-size: 1em;
        font-weight: 800;
    }
}


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

    .responsive .search {
        width: 80%;
        margin-bottom: 10px;
    }
    .responsive .redes {
        margin-left: 0;
    }
    div#events p.description.oculto {
        font-size: 1em;
    }
    .home-row-links p.description.oculto {
        font-size: 1em;
        margin-top: -2px;
    }
    .site-title {
        margin-left: 10px;
    }
    .album-photo {
        width: 100%;
        min-height: 250px;
    }

    /*
    #student .content-full .columna, 
    #STAFF .content-full .columna, 
    #ALUMNI .columna, 
    #PUBLICATIONS .content-full .columna, 
    .home-row-links .content-full .columna {
        width: 100%;
    }
    .whatsnew .col3.columna, #events .col3.columna {
        width: 100%;
    }
    */

    .columnas.tab, .cont_tabs, .content-history {
        font-size: 12px;
    }
    .ContPeople img {
        height: 200px;
    }

    .office-entry {
        display: inline-block;
        width: 100%;
        margin-right: 0;
        height: auto;
    }
    .office-entry:nth-child(3n+3) {
        margin-right: 0;
    }

    .carousel-caption p {
        /* width: 70%; */
        font-size: 0.9em;
        /* line-height: 130%; */
    }
    .carousel-caption p.slide-text-small {
        font-size: 0.7em;
    }
    /*
    .pos-right .carousel-caption p {
        margin-left: 30%;
    }
    */
    div#events .columna .oculto {
        font-size: .7em;
    }
    .tab .contImg.columnas img {
        margin: 0 0 0 20%;
        max-width: initial;
        width: 60%;
    }
    .tab h2 {
        padding: 2% 1% 4%;
    }
    footer a {
        font-size: 0.9em;
    }
    footer nav {
        padding-top: 18px;
    }
    footer nav ul li {
        margin-bottom: 5px;
    }
    p.copyright {
        font-size: 0.9em;
    }
}


@media screen and (max-width:425px) {
    .logo a.logo-65th img,
    .logo-group img {
        max-height: 35px;
        margin-top: 0px;
    }
    .logo, div#header-top {
        height: 55px;
    }
    div#header-top img {
        max-width: 50px;
    }
    div#header-top a:nth-child(2) img {
        max-width: 38px;
    }
    .site-title {
        width: 160px;
        margin-left: 5px;
    }
    button.navbar-toggle {
        width: 55px;
        height: 55px;
        padding-top: 9px;
    }
    .navbar-toggle .icon-bar {
        width: 26px;
        margin-bottom: 8px;
    }

    .home-row-links p.description.oculto {
        font-size: 0.9em;
    }
    .whatsnew .col3.columna {
        padding: 10px 5px 40px 5px;
    }
    .introtext p {
        width: 100%;
    }
    
    div#whatsnew .columna.all h2, div#events .columna.all h2 {
        font-size: 1.1em;
    }

    div#whatsnew .columna h2,
    section.content-home .col3.columna h2,
    .whatsnew .col3.columna p {
        font-size: .9em;
    }

    #student p.description.oculto, #STAFF p.description.oculto, #ALUMNI p.description.oculto, #PUBLICATIONS p.description.oculto {
        font-size: .85em;
    }
    .whatsnew .col3.columna.all a.btn, .events .col3.columna.all a.btn {
        font-size: 0.9em;
        width: 50px;
    }

    .news-slider-container .bx-wrapper .bx-prev {
        left: 10px;
    }
    .news-slider-container .bx-wrapper .bx-next {
        right: 10px;
    }

    .news-slider-container a.btn {
        display: block;
        width: auto;
        min-width: 0;
        min-height: 0;
        font-size: 12px;
        line-height: 1;
        padding: 6px 10px;
    }

    #events p.date {
        height: auto;
      font-size: 0.8em;
      padding: 10px;
      margin-top: 0;
    }
    .logo p:nth-child(1) {
        font-weight: 900;
        font-size: 1.3em;
        margin: 4px 5px 0;
    }
    .logo p {
        margin: 2px 5px 0;
        font-size: 1.2em;
    }
    #student p.description.oculto, #STAFF p.description.oculto, #ALUMNI p.description.oculto, #PUBLICATIONS p.description.oculto {
        font-size: .7em;
    }
    div.whatsnew .col3.columna.all, div#events .col3.columna.all, .home-row-links.columnas .col3.columna.all {
        padding: 10px;
    }
    section.content-home .col3.columna h2 {
        font-size: 1em;
    }

    .responsive .navbar-collapse {
        padding-top: 8px;
    }
    button[aria-expanded="true"] span:nth-child(1) {
        top: 14px;
    }
}


@media screen and (max-width:375px) {
    button[aria-expanded="true"] span:nth-child(3) {
        top: -4px;
    }
    .carousel-caption p {
        font-size: 0.8em;
    }
    .logo, div#header-top {
        height: 50px;
    }
    div#header-top img {
        max-width: 45px;
    }
    div#header-top a:nth-child(2) img {
        max-width: 36px;
    }
    .site-title {
        width: 140px;
        margin-left: 5px;
    }
    button.navbar-toggle {
        width: 50px;
        height: 50px;
        padding-top: 7px;
    }
    .navbar-toggle .icon-bar {
        width: 24px;
        margin-bottom: 7px;
    }

    .lenguages a {
        padding: 5px 2px;
    }
    .introtext p {
        /* width: 34%; */
    }
    .whatsnew .col3.columna p {
        font-size: .8em;
    }

    div#events .col3.columna {
        padding: 0;
    }
    #student p.description.oculto, #STAFF p.description.oculto, #ALUMNI p.description.oculto, #PUBLICATIONS p.description.oculto {
        font-size: .6em;
    }
    .tab h2 {
        padding: 3% 1% 5%;
    }
    section.content.BULLETIN  .columna.col4.feature img {
        max-height: none;
        height: 155px;
    }
    section.content-home .col3.columna h2 {
        font-size: 0.9em;
    }
}


@media screen and (max-width:340px) {
    .carousel-caption p {
        font-size: 0.7em;
    }
    footer nav li {
        display: block;
        width: 100%;
    }
}

@media screen and (max-width:320px) {
    button[aria-expanded="true"] span:nth-child(3) {
        top: -2px;
    }
    .logo, div#header-top {
        height: 45px;
    }
    div#header-top img {
        max-width: 40px;
    }
    div#header-top a:nth-child(2) img {
        max-width: 33px;
    }
    .site-title {
        width: 130px;
        margin-left: 3px;
    }
    button.navbar-toggle {
        width: 45px;
        height: 45px;
        padding-top: 6px;
    }
    .navbar-toggle .icon-bar {
        width: 22px;
        margin-bottom: 6px;
    }
    

    .introtext p {
        /* width: 30%; */
    }

    div#events .columna .oculto {
        font-size: .8em;
    }

    input[type="search"] {
        padding: 2px 5px;
    }
    .lenguages,
    .redes {
        margin-top: .7em;
    }
    #student p.description.oculto, #STAFF p.description.oculto, #ALUMNI p.description.oculto, #PUBLICATIONS p.description.oculto, .home-row-links p.description.oculto {
        font-size: 0.8em;
    }
}