@media only screen and (min-width:995px) and (max-width:1199px) {
    .ctnBtn.btn_verTodas {
        text-transform: uppercase;
        width: 277px
    }

    div#owl-carouselPortada {}

    .ctnBtn.btn_verTodas>a {
        font-size: .7em
    }

    .pruebas.mini {
        display: none
    }

    .primaryNav .widgetTabNav_noticias,
    .primaryNav .widgetTabNav_transmisiones {
        margin: 0 18px 0 0
    }

    .ctnTabNav .quienes-somos {
        box-shadow: inset 580px 70px 230px 0 #fff
    }

    .primaryNav .ctnChild_1 #ctnTagList {
        width: 70%
    }

    .primaryNav .itemTab {
        padding: 20px 10% 56px 20px
    }

    #owl-carouselPortada .owl-controls,
    #owl-carouselPortada .owl-controls .owl-buttons {
        width: 996px
    }

    #owl-carouselPortada .img-carousel img {
        min-width: initial;
        width: 100%;
        /* max-width:995px */
    }

    #owl-carouselPortada .title-item-carousel h1 {
        padding: 0 50px
    }

    #owl-carouselPortada .owl-controls .owl-buttons .owl-prev {
        left: 0
    }

    #owl-carouselPortada .owl-controls .owl-buttons .owl-next {
        right: 0
    }

    .ntcEnterateSeccion .itemPost.ntf {
        margin-left: 0
    }

    .listaServicios {
        padding: 20px
    }

    .listaServicios li {
        width: 100%;
        font-size: 13px
    }

    .boxService_ ul {
        display: block;
        height: 69%
    }

    .imagBox {
        width: 664px !important
    }

    .ntcFull.insideNtcFull .itemPost .estractPost {
        height: 40px;
        overflow: hidden
    }

    .tooltipMeta {
        width: 200px;
        left: calc(50% - 100px);
        height: 220px;
        top: -230px
    }

    .tooltipMeta img {
        display: none
    }

    .tooltipMeta dl {
        left: 0;
        padding: 16px
    }

    .tooltipMeta a {
        right: 20px
    }

    .boxid_.metasEducacion .ctnMetas ul li:hover .tooltipMeta {
        top: -240px
    }
}

.boxid_.direccionHeader .ctnDireccionTitle {
    top: 15px
}

@media only screen and (max-width:768px) and (min-width:560px) {
    div#owl-carouselPortada {}
}

@media only screen and (max-width:995px) and (min-width:768px) {
    .ctnBtn.btn_verTodas {
        text-transform: uppercase;
        width: 277px
    }

    div#owl-carouselPortada {}

    .ctnBtn.btn_verTodas>a {
        font-size: .6em
    }

    .boxDocumentos .contentDocs ul li .dateDocs,
    .boxDocumentos .contentDocs ul li .typeDocs,
    a.linkpruebas,
    ul.radioTvEducativa.a_right {
        display: none
    }

    .sidebarBiblioteca {
        margin: -10px 0 0 -8px;
        box-shadow: none;
        padding-right: 0
    }

    .sidebarBiblioteca ul li a {
        font-size: 12px
    }

    .sidebarBiblioteca ul li a:hover:before {
        content: "\e93c"
    }

    .primaryNav .widgetTabNav_noticias,
    .primaryNav .widgetTabNav_transmisiones {
        margin: 0 16px 0 0
    }

    .primaryNav .imageTabNav,
    .primaryNav .transmisionesTabNav {
        height: 120px
    }

    .primaryNav .titleList {
        font-size: 13px
    }

    .primaryNav #servicios .ctnChild_1 ul {
        /* max-width:30% */
    }

    #ctnTagList li {
        font-size: 10px
    }

    .primaryNav .itemTab {
        padding: 20px 5% 21px 20px;
        background-size: cover
    }

    .primaryNav #sobre-nosotros .ctnChild_1 ul {
        min-width: 30%
    }

    .boxMainSearch #formMainSearch input[type=text] {
        width: calc(80% - 24px);
        height: 27px;
        border: 2px solid #0056a6;
        padding: 10px;
        font-size: 16px;
        font-weight: 400;
        color: #666;
        background: #fff;
        float: left;
        outline: 0
    }

    .boxMainSearch #formMainSearch .boxSubmitMainSearch {
        background: #0056a6;
        display: block;
        overflow: hidden;
        height: 51px;
        font-family: gpweb;
        z-index: 0;
        position: relative
    }

    .catVideos .ntcVideos .videoFull .itemPost .titlePost {
        margin-top: 15px;
        margin-left: 0;
        padding: 0;
        width: 100%;
        margin-bottom: 5px;
        clear: both
    }

    .catVideos .ntcVideos .videoFull .itemPost .estractPost {
        margin-left: 0;
        margin-bottom: 5px;
        height: 28px
    }

    .catVideos .ntcVideos .videoFull .itemPost .datePost {
        margin-left: 0;
        margin-bottom: 5px
    }

    .ntcVideos .shareVideos {
        margin-left: 0;
        padding: 0;
        margin-top: 5px
    }

    .boxid_.catVideos .itemRelacionados {
        overflow: hidden;
        margin-left: 0;
        margin-top: 0
    }

    .boxid_.catVideos .itemRelacionados .itemPost .imgPost {
        position: relative;
        overflow: hidden;
        width: 100%;
        height: 100px;
        max-height: 105px;
        margin-bottom: 6px
    }

    .catVideos .ntcVideos .itemRelacionados .itemPost .titlePost {
        font-size: 14px;
        line-height: 17px
    }

    .ntcPiesEscuelas .itemPost .titlePost,
    .titlePost.titleVideoPortada {
        font-size: 14px;
        line-height: 20px
    }

    .ntcPiesEscuelas .itemPost {
        width: 100%;
        margin-bottom: 15px
    }

    .ntcPiesEscuelas .itemPost .imgPost {
        float: left;
        overflow: hidden;
        width: 120px;
        height: 80px
    }

    .ntcPiesEscuelas .itemPost .datePost,
    .ntcPiesEscuelas .itemPost .titlePost {
        margin-left: 136px;
        margin-top: 0;
        margin-bottom: 0;
        padding: 0
    }

    .ntcPiesEscuelas .itemPost .datePost {
        margin-bottom: 4px
    }

    .videoPortada {
        min-height: 210px;
        overflow: hidden
    }

    .boxid_.metasEducacion {
        display: none
    }

    .metasPortada .container .grid_12 {
        width: 100%
    }

    .boxid_.metasPortada ul {
        list-style: none;
        padding: 0;
        margin: 0;
        position: relative;
        top: -92px;
        overflow: hidden
    }

    .boxid_.metasPortada li {
        float: right;
        text-align: center;
        padding: 0 0 0 10px;
        font-size: 10px;
        text-transform: uppercase;
        color: #0056a6;
        display: table
    }

    .boxid_.metasPortada li span {
        font-size: 30px;
        font-weight: 300;
        color: #3fa9f5
    }

    .footerNav.m_hidden {
        display: none !important
    }

    .banner-portada,
    .ntcPortada1 .grid_3 .boxPortadaTitle {
        display: none
    }

    .portadaNtcPrinc .itemPost {
        margin-bottom: 40px
    }

    .portadaNtcPrinc .itemPost .imgPost {
        position: relative;
        float: left;
        overflow: hidden;
        width: 300px;
        height: 160px
    }

    .portadaNtcPrinc .itemPost .titlePost {
        margin-left: 320px;
        font-size: 16px
    }

    .portadaNtcPrinc .itemPost .datePost {
        margin: 0 0 0 320px;
        padding: 0 0 10px
    }

    .portadaNtcPrinc .itemPost .estractPost {
        margin-left: 320px;
        padding-right: 20px;
        height: 55px;
        overflow: hidden
    }

    .portadaNotc4Rows .itemPost .titlePost {
        font-size: 14px;
        line-height: 20px
    }

    .portadaNotc4Rows .itemPost {
        margin-bottom: 15px
    }

    .ntcPortada1 .container .grid_4 {
        width: 100%
    }

    .ntcPortada1 .container .grid_5 {
        width: 70%
    }

    .ntcPortada1 .container .grid_3 {
        width: 25%
    }

    .ntcEnterateSeccion .itemPost.ntf {
        margin-left: 0
    }

    .portadaNotc4Rows .titlePost {
        font-size: 14px;
        line-height: 16px
    }

    .boxPost_.portadaNtcPrinc img {
        width: 100%
    }

    .fixedsocial li {
        float: left;
        margin-right: 5px
    }

    .fixedsocial {
        top: initial;
        position: fixed;
        left: 0;
        right: 0;
        bottom: -15px;
        margin-left: auto;
        margin-right: auto;
        display: block;
        width: 250px;
        height: 60px
    }

    .fixedsocial span.tooltip:after {
        border-left: 6px solid transparent;
        border-right: 6px solid transparent;
        border-bottom: 6px solid transparent;
        border-top: 6px solid #484848;
        left: 45%;
        top: 23px
    }

    .fixedsocial ul li:hover span.tooltip {
        right: initial
    }

    .fixedsocial span.tooltip {
        top: -35px;
        left: 0;
        right: 0
    }

    .boxid_.footerCopyright {
        padding-bottom: 80px
    }

    #owl-carouselPortada .owl-controls,
    #owl-carouselPortada .owl-controls .owl-buttons {
        width: 768px
    }

    #owl-carouselPortada .img-carousel img {}

    #owl-carouselPortada .title-item-carousel h1 {
        padding: 0 50px;
        font-size: 26px;
        line-height: 28px
    }

    #owl-carouselPortada .owl-controls .owl-buttons .owl-prev {
        left: 0
    }

    #owl-carouselPortada .owl-controls .owl-buttons .owl-next {
        right: 0
    }

    #owl-carouselPortada .img-carousel {
        min-height: initial;
    }

    .ctnServiciosOptions .serviciosMenu ul li a {
        margin: 0 40px
    }

    .grid_8 .ntcMini.duplex .grid_4:nth-child(2n) .itemPost,
    .ntcMini.duplex .grid_4:nth-child(2n) .itemPost {
        margin-left: 0
    }

    .ctnServiciosOptions .serviciosMenu>ul {
        float: none
    }

    .boxPortadaTitle.servicios {
        margin-bottom: 20px;
        width: 100%
    }

    .ctnServiciosOptions .serviciosMenu ul li.active:after {
        left: calc(100% - 102px)
    }

    .listaServicios {
        padding: 20px
    }

    .listaServicios li {
        width: 100%;
        font-size: 13px
    }

    .boxService_ ul {
        height: 70%;
        display: block
    }

    .boxService_ {
        height: 275px
    }

    .boxService_ .icon {
        margin-top: 0
    }

    .insigniasNORTIC ul li img {
        max-width: 50px
    }

    .footerInfo .ctnFotterInfo a.norticLinkMobile {
        padding: 10px;
        display: block
    }

    .displayCtgNtc .ntcFull .itemPost .estractPost,
    .ntcDocentes .ntcMini.x4 .itemPost .imgPost,
    .ntcEnterateSeccion .itemPost .imgPost,
    .ntcEventos .ntcMini.x2 .itemPost .imgPost {
        display: none
    }

    .imagBox {
        width: 512px !important
    }

    .grid_8 .ntcMini.duplex .grid_4,
    .ntcMini .grid_4 {
        width: 100%
    }

    #map {
        height: 400px !important
    }

    .grid_8 .ntcMini.duplex .grid_4 .itemPost {
        margin-bottom: 18px
    }

    .displayCtgNtc .ntcFull.medium.single .itemPost {
        margin-bottom: 20px
    }

    .ntcFull.single.carruselPost .itemPost .titlePost {
        font-size: 20px;
        line-height: 22px
    }

    .carruselPost .imgPost {
        max-height: 260px
    }

    .ntcMini.single .grid_4:nth-child(2n+1) .itemPost {
        padding-left: 0
    }

    .ntcFull.single .grid_4:nth-child(2n+1) .itemPost .imgPost {
        height: 80px;
        width: 100px;
        float: left
    }

    .ntcFull.single .grid_4:nth-child(2n+1) .itemPost .titlePost {
        margin-left: 112px;
        font-size: 14px;
        line-height: 18px
    }

    .ntcFull.single .grid_4:nth-child(2n+1) .itemPost .datePost {
        margin-left: 112px;
        width: 100%
    }

    .ntcDocentes .ntcMini.x4 .itemPost .datePost,
    .ntcDocentes .ntcMini.x4 .itemPost .titlePost,
    .ntcEnterateSeccion .datePost,
    .ntcEnterateSeccion .estractPost,
    .ntcEnterateSeccion .titlePost,
    .ntcEventos .ntcMini.x2 .itemPost .datePost,
    .ntcEventos .ntcMini.x2 .itemPost .titlePost {
        margin-left: 0
    }

    .ntcFull.single .grid_4:nth-child(2n+1) .itemPost {
        padding: 0
    }

    .ntcFull.single .grid_4:nth-child(2n+1) .itemPost img {
        width: auto;
        min-width: 100%;
        left: -20%
    }

    .ntcFull.single .grid_4:nth-child(2n+1) {
        width: 100%
    }

    .ctnDireccionTitle h1 {
        font-size: 30px;
        padding: 0 30px 0 0
    }

    .direccionMainImage {
        height: 350px
    }

    .boxid_.direccionHeader .ctnDireccionTitle>* {
        position: relative;
        float: left;
        width: 100%
    }

    .serviciosList li.tool span.enter,
    .serviciosList li.tool span.info {
        right: 3px
    }
}

@media only screen and (min-width:560px) and (max-width:768px) {

    .boxDocumentos .contentDocs ul li .dateDocs,
    .boxDocumentos .contentDocs ul li .typeDocs,
    .sidebarBiblioteca h5: after {
        display: none
    }

    .logo {
        width: 208px;
        margin-top: 0
    }

    .portadaNtcPrinc .itemPost .imgPost {
        height: 210px
    }

    .direccionContent {
        background: 0 0;
        margin-top: -64px
    }

    .sidebarBiblioteca {
        margin: 0 0 0 -8px;
        box-shadow: none;
        padding-right: 0
    }

    .sidebarBiblioteca ul li a {
        font-size: 12px
    }

    .boxDocumentos .contentDocs ul li .titleDocs {
        width: 90%
    }

    .direccionMainImage .container {
        overflow: inherit
    }

    .boxMainSearch #formMainSearch input[type=text] {
        width: calc(80% - 24px);
        height: 25px;
        border: 2px solid #0056a6;
        padding: 10px;
        font-size: 16px;
        font-weight: 400;
        color: #666;
        background: #fff;
        float: left;
        outline: 0
    }

    .boxMainSearch #formMainSearch .boxSubmitMainSearch {
        background: #0056a6;
        display: block;
        overflow: hidden;
        width: 20%;
        height: 49px;
        font-family: gpweb;
        z-index: 0;
        position: relative
    }

    .primaryNav .widgetTabNav_noticias,
    .primaryNav .widgetTabNav_transmisiones {
        margin: 0 18px 0 0
    }

    .primaryNav .imageTabNav,
    .primaryNav .transmisionesTabNav {
        height: 120px
    }

    .primaryNav .titleList {
        font-size: 13px
    }

    .princVideoRow .ntcVideoRow .ctnFullNtc .ntcFull .itemPost .imgPost {
        position: relative;
        overflow: hidden;
        height: 80px;
        background: 0 0;
        max-height: 90px;
        margin-bottom: 6px
    }

    .portadaNotc4Rows .titlePost {
        font-size: 16px;
        line-height: 20px
    }

    .boxPost_.portadaNtcPrinc img {
        width: 100%
    }

    .ntcPortada1 .boxPortadaTitle h2 {
        margin-bottom: -15px
    }

    .portadaNtcPrinc .itemPost .estractPost {
        height: 55px;
        overflow: hidden;
        margin-bottom: 10px
    }

    .fixedsocial li {
        float: left;
        margin-right: 5px
    }

    .fixedsocial {
        top: initial;
        position: fixed;
        left: 0;
        right: 0;
        bottom: -15px;
        margin-left: auto;
        margin-right: auto;
        display: block;
        width: 250px;
        height: 60px
    }

    .fixedsocial span.tooltip:after {
        border-left: 6px solid transparent;
        border-right: 6px solid transparent;
        border-bottom: 6px solid transparent;
        border-top: 6px solid #484848;
        left: 45%;
        top: 23px
    }

    .fixedsocial ul li:hover span.tooltip {
        right: initial
    }

    .fixedsocial span.tooltip {
        top: -35px;
        left: 0;
        right: 0
    }

    .container {
        margin: 0 auto;
        width: 560px;
        overflow: hidden
    }

    .container .grid_1,
    .container .grid_10,
    .container .grid_11,
    .container .grid_12,
    .container .grid_2,
    .container .grid_3,
    .container .grid_4,
    .container .grid_5,
    .container .grid_6,
    .container .grid_7,
    .container .grid_8,
    .container .grid_9 {
        width: 520px;
        clear: both;
        float: none;
        margin-left: 0;
        margin-right: 0;
        display: inline-block;
        zoom: 1
    }

    .m_hidden {
        display: none !important
    }

    .l_hidden {
        display: block !important
    }

    .boxid_.l_hidden {
        display: table
    }

    #owl-carouselPortada .owl-controls,
    #owl-carouselPortada .owl-controls .owl-buttons {
        width: 456px
    }

    #owl-carouselPortada .title-item-carousel h1 {
        margin: 0 80px;
        font-size: 16px;
        line-height: 18px;
        padding: 20px;
        text-align: center
    }

    #owl-carouselPortada .owl-controls .owl-buttons .owl-prev {
        left: 0
    }

    #owl-carouselPortada .owl-controls .owl-buttons .owl-next {
        right: 0
    }

    #owl-carouselPortada .title-item-carousel h1 a {
        font-size: 24px;
        line-height: 28px
    }

    .listaServicios {
        padding: 20px
    }

    .listaServicios li {
        width: 100%;
        font-size: 13px
    }

    .boxService_ ul {
        height: 70%;
        display: block
    }

    .boxService_ {
        width: 33.33%;
        height: auto
    }

    p.serviciosPortadaDescription {
        display: none
    }

    .ctn_servicios_portada {
        display: block
    }

    .serviciosPortadaTitle {
        font-size: 15px
    }

    .boxService_ .icon:after {
        content: "";
        width: 90%;
        height: 3px;
        background: rgba(255, 255, 255, .67);
        position: absolute;
        bottom: -12px;
        left: 5%
    }

    .boxService_.seccionAlumnos,
    .boxService_.seccionDocentes,
    .boxService_.seccionOtros {
        height: auto
    }

    .boxService_:hover>a {
        opacity: 1
    }

    .boxService_ .icon:after,
    .boxServiciosVerTodos {
        display: none
    }

    .servicioIntro {
        float: none;
        width: 100%;
        padding-right: 0;
        margin-right: 30px
    }

    .serviciosList {
        border-left: none;
        padding-left: 0
    }

    .ctnServiciosOptions .serviciosMenu>ul {
        float: left;
        margin-top: 20px
    }

    .ctnServiciosOptions .serviciosMenu ul li {
        margin-left: 0;
        margin-right: 6px
    }

    .footerInfo .ctnFotterInfo a.norticLinkMobile {
        padding: 10px;
        display: block
    }

    .boxid_.footerCopyright,
    .boxid_.socialIconsSection ul li:hover>span.tooltip,
    .direccionContent .ntcFull.insideNTCDirecciones .itemPost .estractPost,
    .displayCtgNtc .ntcFull.medium.single .itemPost .estractPost,
    .ntcEnterateSeccion .itemPost .imgPost {
        display: none
    }

    .Copyright {
        margin-bottom: 80px
    }

    .boxid_.footerCopyright .Copyright ul li {
        float: none
    }

    .formGroup input.formItem,
    .formGroup textarea.formItem {
        padding: 0 !important
    }

    .formGroup textarea.formItem {
        width: 100% !important
    }

    .imagBox {
        width: 108% !important;
        margin-left: -20px
    }

    #map {
        height: 350px !important
    }

    .imagBox ul {
        margin: 0;
        height: 100%;
        width: 92%;
        padding: 4%
    }

    .boxid_.contactBox .ctnContactInfo {
        border-right: none
    }

    .boxid_.contactBox {
        background: rgba(236, 243, 251, .52)
    }

    .boxid_.contactBox>.container {
        margin-top: -100px
    }

    .direccionMainImage {
        max-height: 380px;
        height: 300px
    }

    .boxSearch {
        width: 170px;
    }

    .ctnDireccionTitle h1 {
        font-size: 26px;
        padding: 0 30px 0 0
    }

    .boxService_:hover .listaServicios {
        visibility: hidden;
        opacity: 0
    }

    .boxService_:hover>div,
    .boxService_:hover>p,
    .boxService_:hover>span {
        opacity: 1
    }

    .pageTitle h1 {
        font-size: 26px;
        line-height: 32px;
        font-weight: 400
    }

    .itemPost {
        margin-bottom: 18px
    }

    .boxid_.direccionHeader .ctnDireccionTitle {
        top: -7px
    }

    .boxid_.direccionHeader .ctnDireccionTitle>* {
        position: relative;
        float: left;
        width: 100%
    }

    .ntcEnterateSeccion .datePost,
    .ntcEnterateSeccion .estractPost,
    .ntcEnterateSeccion .titlePost {
        margin-left: 0
    }

    .boxid_.socialIconsSection ul li {
        margin: 0
    }

    .boxid_.socialIconsSection {
        height: 160px
    }

    .displayCtgNtc .ntcFull.medium.single .itemPost .titlePost {
        font-size: 16px;
        line-height: 22px;
        font-weight: 300;
        margin-top: 0;
        margin-bottom: 10px;
        color: #484444;
        overflow: hidden;
        margin-left: 190px
    }

    .displayCtgNtc .ntcFull.medium.single .itemPost .datePost {
        margin-left: 190px;
        padding: 0 0 5px;
        font-size: 10px
    }

    .displayCtgNtc .ntcFull.medium.single .itemPost {
        margin-bottom: 20px
    }

    .carruselPost .imgPost {
        max-height: 260px
    }

    .ntcMini.duplex .grid_4:nth-child(2n) .itemPost {
        margin-left: 0
    }

    .ntcMini.single .grid_4:nth-child(2n+1) .itemPost {
        padding-left: 0
    }

    .ntcEscuelas .ctnFullNtc .ntcFull,
    .ntcFull .itemPost .imgPost img {
        width: 100%
    }

    .ntcEstudiantes .ntcFull .itemPost .imgPost {
        width: 100%;
        height: 250px
    }

    .ntcEstudiantes .ntcFull .itemPost .imgPost img {
        width: 100%;
        height: 100%
    }

    .ntcEventos .ntcFull .itemPost .imgPost {
        width: 100%;
        height: 250px
    }

    .ntcEventos .ntcFull .itemPost .imgPost img {
        width: 100%;
        height: 100%
    }

    .ntcEnterateSeccion .itemPost {
        height: 60px
    }

    .mainTitle404 h1 {
        font-size: 10em
    }

    .oopsText {
        font-size: 3em
    }

    .boxid_.content404:before {
        content: "";
        height: 57%
    }

    .botonesAccesos {
        height: 125px;
        padding: 0 0 40px
    }

    .botonesAccesos a.btn {
        width: calc(100% - 20px);
        margin: 0 0 10px
    }

    .serviciosList li.tool span.enter,
    .serviciosList li.tool span.info {
        right: 3px
    }
}

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

    .boxDocumentos .contentDocs ul li .dateDocs,
    .boxDocumentos .contentDocs ul li .typeDocs,
    .nav_right,
    .sidebarBiblioteca h5: after {
        display: none
    }

    .portadaNtcPrinc .itemPost .imgPost {
        height: 160px
    }

    div#owl-carouselPortada {}

    .logo {
        width: 206px;
        margin-top: 0
    }

    .nav_left {
        margin-left: 10px;
    }

    .sidebarBiblioteca {
        margin: 0;
        box-shadow: none;
        padding-right: 0
    }

    .direccionContent {
        background: 0 0
    }

    .sidebarBiblioteca ul li a {
        font-size: 12px
    }

    .sidebarBiblioteca ul li a:before {
        right: 35px
    }

    .sidebarBiblioteca ul li a:hover:before {
        content: "\e93c";
        right: 25px
    }

    .boxDocumentos .contentDocs ul li .titleDocs {
        width: 90%
    }

    .direccionMainImage .container {
        overflow: inherit
    }

    .boxid_.direccionHeader .ctnDireccionTitle {
        top: 0
    }

    .boxMainSearch #formMainSearch input[type=text] {
        width: 60%;
        height: 27px;
        border: 2px solid #0056a6;
        padding: 8px 5px 10px 10px;
        font-size: 18px;
        font-weight: 400;
        color: #798692;
        background: #fff;
        float: left
    }

    .boxMainSearch #formMainSearch .boxSubmitMainSearch {
        background: #0056a6;
        display: block;
        overflow: hidden;
        width: 29%;
        height: 49px;
        font-family: gpweb;
        z-index: 0;
        position: relative
    }

    .boxMainSearch #formMainSearch input#btSubmitMainSearch {
        background: 0 0;
        position: absolute;
        top: -4%;
        left: -1%;
        border: none;
        height: 48px;
        cursor: pointer;
        font-size: 18px;
        border-radius: 3px;
        display: block;
        padding-left: 33px;
        color: #fff;
        font-weight: 500
    }

    .princVideoRow .ntcVideoRow .ctnFullNtc .ntcFull .itemPost .imgPost {
        position: relative;
        overflow: hidden;
        height: 200px;
        background: 0 0;
        max-height: 220px;
        margin-bottom: 6px
    }

    .princVideoRow .ntcVideoRow .ctnFullNtc .ntcFull {
        width: 100%;
        float: left;
        margin-right: 0
    }

    .princVideoRow .ntcVideoRow .ntcFull .itemPost .titlePost {
        font-size: 18px;
        line-height: 22px;
        font-weight: 300;
        margin-top: 15px;
        color: #484444
    }

    .displayCtgNtc .ntcFull.medium.single .itemPost .titlePost {
        font-size: 16px;
        line-height: 22px;
        font-weight: 300;
        margin-top: 0;
        margin-bottom: 10px;
        color: #484444;
        overflow: hidden;
        margin-left: 160px
    }

    .displayCtgNtc .ntcFull.medium.single .itemPost .imgPost {
        position: relative;
        overflow: hidden;
        width: 150px;
        height: 110px;
        background: #ddd;
        float: left
    }

    .boxPost_.portadaNtcPrinc img,
    .displayCtgNtc .ntcFull.medium.single .itemPost .imgPost img {
        width: 100%
    }

    .displayCtgNtc .ntcFull .itemPost .estractPost {
        display: none
    }

    .displayCtgNtc .ntcFull.medium.single .itemPost .datePost {
        margin-left: 160px;
        padding: 0 0 5px;
        font-size: 11px
    }

    .displayCtgNtc .ntcFull.medium.single .itemPost {
        margin-bottom: 20px
    }

    .displayCtgNtc .boxPortadaTitle h2 {
        font-size: 24px
    }

    .m_hidden {
        display: none !important
    }

    .l_hidden {
        display: block !important;
    }

    .boxid_.l_hidden {
        display: table
    }

    .portadaNotc4Rows .titlePost {
        font-size: 15px;
        line-height: 18px
    }

    .ntcPortada1 .boxPortadaTitle h2 {
        margin-bottom: -15px
    }

    .fixedsocial li {
        float: left;
        margin-right: 5px
    }

    .fixedsocial {
        top: initial;
        position: fixed;
        left: 0;
        right: 0;
        bottom: 0;
        margin-left: auto;
        margin-right: auto;
        display: block;
        width: 250px;
        height: 60px
    }

    .fixedsocial span.tooltip:after {
        border-left: 6px solid transparent;
        border-right: 6px solid transparent;
        border-bottom: 6px solid transparent;
        border-top: 6px solid #484848;
        left: 45%;
        top: 23px
    }

    .fixedsocial ul li:hover span.tooltip {
        right: initial
    }

    .fixedsocial span.tooltip {
        top: -35px;
        left: 0;
        right: 0
    }

    #owl-carouselPortada .owl-controls,
    #owl-carouselPortada .owl-controls .owl-buttons {
        width: 456px
    }

    #owl-carouselPortada {
        height: 204px !important;
    }

    #owl-carouselPortada .img-carousel img {}

    #owl-carouselPortada .title-item-carousel h1 {
        text-align: center;
        padding: 0 30px;
        font-size: 16px;
        line-height: 20px;
        margin-bottom: 4px
    }

    #owl-carouselPortada .owl-controls .owl-buttons .owl-prev {
        left: 0
    }

    #owl-carouselPortada .owl-controls .owl-buttons .owl-next {
        right: 0
    }

    #owl-carouselPortada .title-item-carousel {
        min-height: inherit;
        padding: 0;
        height: 100px
    }

    .item-carousel {
        height: 300px
    }

    #owl-carouselPortada .title-item-carousel h1 a {
        font-size: 24px;
        line-height: 28px
    }

    .listaServicios {
        padding: 20px
    }

    .listaServicios li {
        width: 100%;
        font-size: 13px
    }

    .boxService_ ul {
        height: 70%;
        display: block
    }

    .boxService_ {
        width: 100%;
        height: auto
    }

    .boxService_ .icon:after {
        content: "";
        width: 90%;
        height: 3px;
        background: rgba(255, 255, 255, .67);
        position: absolute;
        bottom: -12px;
        left: 5%
    }

    .boxService_ .icon {
        float: left;
        margin-left: 20px;
        margin-right: 10px;
        font-size: 40px;
        position: relative
    }

    .serviciosPortadaTitle {
        text-align: left;
        font-size: 18px
    }

    p.serviciosPortadaDescription {
        padding: 0;
        height: 15px;
        overflow: hidden;
        margin: 0;
        text-align: left;
        white-space: nowrap;
        text-overflow: ellipsis;
        max-width: 290px;
        width: calc(100% - 90px)
    }

    .boxService_ {
        padding: 20px 0
    }

    .boxService_.seccionAlumnos,
    .boxService_.seccionDocentes,
    .boxService_.seccionOtros {
        height: auto
    }

    .boxService_:hover>a {
        opacity: 1
    }

    .servicioIntro {
        float: none;
        width: 100%;
        padding-right: 0
    }

    .serviciosList {
        border-left: none;
        padding-left: 0
    }

    .ctnServiciosOptions .serviciosMenu>ul {
        float: left;
        margin-top: 20px
    }

    .ctnServiciosOptions .serviciosMenu ul li {
        margin-left: 0;
        margin-right: -1px
    }

    .ctnServiciosOptions .serviciosMenu ul li a {
        margin-left: 0
    }

    .ctnServiciosOptions .serviciosMenu ul li.active:after {
        left: calc(100% - 64px)
    }

    .itemCarrousel {
        margin: 0 auto;
        display: block;
        position: relative;
        width: 100%
    }

    .ntcEnterateSeccion .datePost,
    .ntcEnterateSeccion .estractPost,
    .ntcEnterateSeccion .itemPost.ntf,
    .ntcEnterateSeccion .titlePost,
    .ntcMini.duplex .grid_4:nth-child(2n) .itemPost {
        margin-left: 0
    }

    .footerInfo .ctnFotterInfo a.norticLinkMobile {
        padding: 10px;
        display: block
    }

    .boxid_.socialIconsSection ul li:hover>span.tooltip,
    .direccionContent .ntcFull.insideNTCDirecciones .itemPost .estractPost,
    .ntcEnterateSeccion .itemPost .imgPost {
        display: none
    }

    .Copyright {
        margin-bottom: 100px
    }

    .formGroup textarea.formItem,
    .imagBox {
        width: 100% !important
    }

    #map {
        height: 350px !important
    }

    .imagBox ul {
        padding: 36px 36px 36px 0
    }

    .imagBox ul li {
        font-size: 10px
    }

    .imagBox ul li+li {
        font-size: 28px
    }

    .imagBox ul li.contactDescription {
        color: #0056b9
    }

    .boxid_.contactBox .ctnContactInfo {
        border-right: none
    }

    .boxid_.contactBox {
        background: rgba(236, 243, 251, .52)
    }

    .boxid_.contactBox>.container {
        margin-top: -80px
    }

    .boxSearch {
        width: 170px;
    }

    .ctnDireccionTitle h1,
    .ctnDireccionTitle h1 a {
        font-size: 26px
    }

    .direccionMainImage {
        height: 350px
    }

    .boxServiciosVerTodos {
        position: relative;
        left: 0;
        float: initial;
        margin: 0;
        padding: 0;
        display: none
    }

    .boxid_ {
        padding: 20px 0;
    }

    .boxPortadaTitle h2 {
        margin-bottom: 20px;
        font-size: 20px;
        line-height: 22px
    }

    .ntcEnterateSeccion .titlePost {
        font-size: 13px;
        line-height: 18px
    }

    .itemPost {
        margin-bottom: 12px
    }

    .boxService_:hover .listaServicios {
        visibility: hidden;
        opacity: 0
    }

    .boxService_:hover>div,
    .boxService_:hover>p,
    .boxService_:hover>span {
        opacity: 1
    }

    .pageTitle h1 {
        font-size: 26px;
        line-height: 32px;
        font-weight: 400
    }

    .direccionContent .ntcFull.insideNTCDirecciones .itemPost .titlePost {
        font-size: 16px;
        line-height: 20px
    }

    .boxid_.direccionHeader .ctnDireccionTitle>* {
        position: relative;
        float: left;
        width: 100%
    }

    .boxid_.socialIconsSection ul li {
        margin: 0
    }

    .boxid_.socialIconsSection .tituloRedes {
        font-size: 17px
    }

    .boxid_.socialIconsSection {
        height: 160px
    }

    .ntcFull.single.carruselPost .itemPost .titlePost {
        font-size: 20px;
        line-height: 22px
    }

    .carruselPost .imgPost {
        max-height: 260px
    }

    .ntcMini.single .grid_4:nth-child(2n+1) .itemPost {
        padding-left: 0
    }

    .ntcEscuelas .ctnFullNtc .ntcFull,
    .ntcFull .itemPost .imgPost img {
        width: 100%
    }

    .mainTitle404 h1 {
        font-size: 8em;
        line-height: 160px
    }

    .textButton404 {
        line-height: 24px
    }

    .boxid_.content404:before {
        height: 79%
    }

    .botonesAccesos {
        height: 125px;
        padding: 0 0 40px
    }

    .botonesAccesos a.btn {
        width: calc(100% - 20px);
        margin: 0 0 10px
    }
}

@media only screen and (max-width:479px) {
    .logo {
        width: 200px;
        margin-top: 0
    }

    .boxid_.header .container,
    .ctn_header .container {
        max-width: 300px
    }

    .boxMainSearch #formMainSearch fieldset label {
        margin-right: 10px;
        font-size: 16px;
        color: #798692;
        font-family: inherit;
        display: block;
        margin-bottom: 5px
    }

    .boxMainSearch #formMainSearc input[type=checkbox],
    input[type=radio] {
        padding: 0;
        float: left;
        margin-right: 5px;
        margin-top: 3px
    }

    .portadaNotc4Rows .titlePost {
        line-height: 18px;
        font-size: 13px;
        font-weight: 400;
        color: #191c1f
    }

    .boxPost_.portadaNtcPrinc img {
        width: 100%
    }

    .ntcPortada1 .boxPortadaTitle h2 {
        margin-bottom: -15px
    }

    .ntcEducacionMarcha .ntcFull.large .itemPost .imgPost {
        max-height: 200px
    }

    .ntcEducacionMarcha .ntcFull.large .itemPost .imgPost img {
        width: 100%;
        height: 200px
    }

    .ntcEducacionMarcha .ntcFull.single.carruselPost .itemPost .titlePost {
        margin: 5px 5px 0 0
    }

    .fixedsocial li {
        float: left;
        margin-right: 5px
    }

    .fixedsocial {
        top: initial;
        position: fixed;
        left: 0;
        right: 0;
        bottom: 0;
        margin-left: auto;
        margin-right: auto;
        display: block;
        width: 250px;
        height: 60px
    }

    .fixedsocial span.tooltip:after {
        border-left: 6px solid transparent;
        border-right: 6px solid transparent;
        border-bottom: 6px solid transparent;
        border-top: 6px solid #484848;
        left: 45%;
        top: 23px
    }

    .fixedsocial ul li:hover span.tooltip {
        right: initial
    }

    .fixedsocial span.tooltip {
        top: -35px;
        left: 0;
        right: 0
    }

    .m_hidden {
        display: none
    }

    .navSupport {
        display: none
    }

    .l_hidden {
        display: block
    }

    .boxid_.l_hidden {
        display: table
    }

    #owl-carouselPortada .owl-controls,
    #owl-carouselPortada .owl-controls .owl-buttons {
        width: 98%
    }

    .boxService_ .icon {
        float: left;
        margin-left: 20px;
        margin-right: 10px;
        font-size: 40px;
        position: relative
    }

    .serviciosPortadaTitle {
        text-align: left;
        font-size: 18px
    }

    p.serviciosPortadaDescription {
        padding: 0;
        height: 15px;
        overflow: hidden;
        margin: 0;
        text-align: left;
        white-space: nowrap;
        text-overflow: ellipsis;
        max-width: 290px;
        width: calc(100% - 90px)
    }

    .boxService_ {
        padding: 20p
    }

    .boxService_:hover .listaServicios {
        visibility: hidden;
        opacity: 0
    }

    .boxService_:hover>div,
    .serviciosList>ul>li>a {
        text-overflow: initial;
        white-space: initial;
        width: calc(100% - 76px);
        line-height: initial;
        font-size: 13px;
        padding-top: 5px;
        padding-bottom: 5px
    }

    .boxService_:hover>p,
    .boxService_:hover>span {
        opacity: 1
    }

    .servicioIntro {
        float: none;
        width: 100%;
        padding-right: 0
    }

    .serviciosList {
        border-left: none;
        padding-left: 0
    }

    .ctnServiciosOptions .serviciosMenu>ul {
        float: left;
        margin-top: 20px
    }

    .ctnServiciosOptions .serviciosMenu ul li {
        margin-left: 0;
        margin-right: -11px
    }

    .ctnServiciosOptions .serviciosMenu ul li a {
        margin: 0;
        font-size: 13px;
        padding: 0 7px
    }

    .ctnServiciosOptions .serviciosMenu ul li.active:after {
        left: calc(100% - 50px)
    }

    .footerInfo .ctnFotterInfo a.norticLinkMobile {
        padding: 10px;
        display: block
    }

    .Copyright {
        margin-bottom: 30px;
        padding: 0 30px
    }

    span.shareTitle {
        float: none !important
    }

    .formGroup input.formItem,
    .formGroup textarea.formItem,
    .newsContent .socialShareIcons ul {
        padding: 0 !important
    }

    .formGroup textarea.formItem,
    .imagBox {
        width: 100% !important
    }

    #map {
        height: 350px !important
    }

    .imagBox ul {
        background: rgba(255, 255, 255, .7) !important;
        padding: 30px 40px 30px 36px
    }

    .boxid_.contactBox .ctnContactInfo {
        border-right: none
    }

    .boxid_.contactBox {
        background: rgba(236, 243, 251, .52)
    }

    .imagBox ul li+li {
        font-size: 28px
    }

    .imagBox ul li {
        line-height: 6px;
        font-size: 11px;
        padding: 10px 3px
    }

    .ctnDireccionTitle h1,
    .ctnDireccionTitle h1 a {
        font-size: 19px
    }

    .direccionMainImage {
        height: 370px
    }

    .boxServiciosVerTodos {
        position: relative;
        left: 0;
        float: initial;
        margin: 0;
        padding: 0;
        display: none
    }

    .boxPortadaTitle h2 {
        margin-bottom: 20px;
        font-size: 20px;
        line-height: 22px
    }

    .boxid_.bottomBannersPortada {
        display: block
    }

    .boxid_.socialIconsSection ul li:hover>span.tooltip,
    .direccionContent .insideNTCDirecciones .itemPost .imgPost,
    .portadaNtcPrinc .estractPost {
        display: none
    }

    .ntcEnterateSeccion .itemPost.ntf {
        margin-left: 0
    }

    .portadaNotc4Rows .itemPost .imgPost {
        width: 100px
    }

    .displayCtgNtc .ntcFull.medium.single .itemPost .imgPost img,
    .ntcFull .itemPost .imgPost img {
        width: 100%
    }

    .portadaNotc4Rows .datePost,
    .portadaNotc4Rows .estractPost,
    .portadaNotc4Rows .titlePost {
        margin-left: 110px
    }

    .direccionContent .ntcFull.insideNTCDirecciones .itemPost .datePost,
    .direccionContent .ntcFull.insideNTCDirecciones .itemPost .titlePost {
        margin-left: 0
    }

    .boxService_.seccionAlumnos,
    .boxService_.seccionDocentes,
    .boxService_.seccionOtros {
        height: auto
    }

    .boxid_.socialIconsSection ul li {
        margin: 0;
        padding: 3px
    }

    .boxid_.socialIconsSection .tituloRedes {
        font-size: 17px
    }

    .displayCtgNtc .ntcFull.medium.single .itemPost .imgPost {
        position: relative;
        width: 100%;
        height: 100%;
        background: #ddd
    }

    .displayCtgNtc .ntcFull.medium.single .itemPost .datePost {
        color: #0056a6;
        margin-left: 0;
        font-size: 11px;
        margin-top: 10px
    }

    .displayCtgNtc .ntcFull.medium.single .itemPost .titlePost {
        font-size: 16px;
        line-height: 20px;
        font-weight: 300;
        margin-top: 0;
        margin-bottom: 10px;
        color: #484444;
        overflow: hidden;
        margin-left: 0
    }

    .ntcEducacionMarcha .ntcFull.large.single.carruselPost .itemPost .titlePost {
        font-size: 16px;
        line-height: 20px;
        position: relative;
        text-shadow: none;
        box-shadow: none;
        color: #484444;
        font-weight: 400;
        padding: 0;
        margin-top: 5px
    }

    .itemPost,
    .ntcFull.single .grid_4:nth-child(2n+1) .itemPost {
        margin-left: 0;
        position: relative;
        margin-bottom: 25px;
        transition: .3s;
        color: #333;
        margin-right: 0;
        padding-right: 0;
        padding-left: 0
    }

    .ntcFull .grid_4,
    .ntcMini .grid_4 {
        padding: 0
    }

    .ntcFull.large .itemPost .imgPost {
        height: 200px
    }

    .ntcFull.large .itemPost .imgPost img {
        width: auto;
        min-width: 110%
    }

    .ntcMini.duplex .grid_4:nth-child(2n) .itemPost {
        margin-left: 0
    }

    .catNoticias .container .grid_8 {
        width: 100%
    }

    .mainTitle404 h1 {
        font-size: 9.5em;
        line-height: 110px
    }

    .oopsText {
        font-size: 2em;
        display: block;
        width: 50%
    }

    .rightBox,
    .serviciosList li.tool span.enter,
    .serviciosList li.tool span.info {
        display: none
    }

    .mainTitle404 {
        width: 100%;
        padding: 0 20px;
        position: relative
    }

    .cartoon404 {
        width: 100%
    }

    .boxid_.content404:before {
        height: 46%
    }

    .leftBox {
        width: 82%
    }

    .footerText {
        width: 260px;
        left: calc(50% - 130px);
        bottom: -60px
    }
}

@media only screen and (max-width:432px) {
    .navSupport {
        display: none
    }
}

@media only screen and (max-width:357px) {
    .navSupport {
        display: none
    }

    .logo {
        width: 200px
    }

    .displayCtgNtc .ntcFull.medium.single .itemPost .imgPost {
        position: relative;
        overflow: hidden;
        width: 100%;
        height: 180px;
        background: #ddd
    }

    .ntcEducacionMarcha .ntcFull.large .itemPost .imgPost img {
        max-height: 150px
    }

    .ntcMini .grid_4 {
        padding: 0
    }

    .itemPost {
        position: relative;
        margin-bottom: 20px;
        transition: .3s;
        color: #333
    }

    .ntcFull.large .itemPost .imgPost {
        height: 160px
    }

    .ntcFull.large .itemPost .imgPost img {
        width: auto;
        min-width: 110%
    }

    .ntcMini.duplex .grid_4:nth-child(2n) .itemPost {
        margin-left: 0
    }

    .ntcMini .itemPost .imgPost {
        width: 90px
    }

    .ntcMini .titlePost {
        font-size: 12px;
        line-height: 15px;
        color: #484444;
        font-weight: 500;
        height: 60px;
        overflow: hidden
    }

    .ntcMini .datePost,
    .ntcMini .estractPost,
    .ntcMini .titlePost {
        margin-left: 100px;
        margin-top: 0;
        margin-bottom: 0
    }

    .leftBox {
        width: 75%
    }
}