@media (min-width: 1600px) and (max-width: 1920px) {
    .Demo {
        margin: auto;
    }
}
@media (min-width: 0px) and (max-width: 1200px) {
    .Demo {
        margin: auto;
    }
}
@media (min-width: 0px) and (max-width: 1024px) {
    .NavMovil {
        display: inline-block;
    }
    .BtnCot {
        top: inherit;
        bottom: 20%;
        margin: 0px;
    }
    .Logo {
        position: relative;
        top: 0px;
        left: 0px;
        margin: 20px 0px 12px 15px;
    }
    .Nav {
        position: relative;
        z-index: 9999;
    }
    .UlNav {
        margin: 0px;
        display: none;
        width: 100%;
        background: #111;
    }
    .UlNav * {
        opacity: 1;
        visibility: visible;
        transition: none;
        -moz-transition: none;
        -ms-transition: none;
        -o-transition: none;
        -webkit-transition: none;
    }
    .UlNav li {
        display: inline-block;
        width: 100%;
        float: none;
        padding: 0px;
        background: none;
        border: none !important;
    }
    .UlNav li a {
        /*display: inline-block;
        padding: 22px 0px 22px 20px !important;
        font-size: 16px !important;*/
        background: none;
        width: 100%;
        float: none;
        color: #fff !important;
        border-bottom: 1px solid #222 !important;
        font-weight: normal !important;
        /**/
        display: table-cell !important;
        vertical-align: middle !important;
        height: 60px !important;
        width: 1024px !important;
        padding: 0px !important;
        font-size: 16px !important;
        line-height: 18px !important;
    }
    .UlNav li a:hover {
        background: #004d7a !important;
    }
    .UlNav li a i,
    .UlNav li a b {
        display: none;
    }
    .UlNav span {
        width: 60px;
        height: 59px;
        position: absolute;
        right: 0px;
        top: 0px;
        background: #004d7a url(../imagenes/img-open.png) center center no-repeat;
        cursor: pointer;
    }
    .NavClose {
        background: #004d7a url(../imagenes/img-close.png) center center no-repeat !important;
    }
    .UlNav li ul {
        position: relative;
        top: 0px;
        left: 0px;
        opacity: 1;
        visibility: visible;
        background: none;
        margin: 0px !important;
        display: none;
        width: 100%;
        box-shadow: none;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        -o-box-shadow: none;
        -ms-box-shadow: none;
        overflow: hidden;
        border-radius: 0px;
        -moz-border-radius: 0px;
        -ms-border-radius: 0px;
        -o-border-radius: 0px;
        -webkit-border-radius: 0px;
        transition: none;
        -moz-transition: none;
        -ms-transition: none;
        -o-transition: none;
        -webkit-transition: none;
    }
    .UlNav li a {
        padding-left: 20px !important;
    }
    .UlNav li ul li a {
        padding-left: 40px !important;
    }
    .NoTablet {
        display: none;
    }
    .BxSliderHomeCont {
        height: 540px;
    }
    .BxSliderHome img {
        width: 1694px;
        height: 540px;
    }
    .BxSliderInterCont {
        height: 212px;
    }
    .BxSliderInter img {
        width: 1920px;
        height: 212px;
    }
    .BxCaptionCont {
        width: 738px;
        top: 110px;
        margin-left: -369px;
    }
    .BxCaption,
    .BxSliderInter .BxCaption {
        width: 369px;
        font-size: 24px;
        line-height: 25px;
    }
    .BxCaptionText {
        height: 44px;
        padding: 7px 20px 0px 20px;
    }
    .BxSliderHomeCont .bx-pager {
        width: 738px;
        top: 298px;
        margin-left: -369px;
    }
    .Relev ul {
        max-width: 684px;
    }
    .Relev ul li {
        float: none;
        margin-bottom: 40px;
    }
    .ImgRight {
        margin: 0px 0px 30px 20px;
    }
    .ImgSimple img {
        max-width: 340px;
    }
    .UlAnio {
        padding-left: 300px;
    }
    .AnioImg {
        left: -300px;
    }
    .AnioImg img {
        width: 280px;
    }
    .UlTabs li a h2 {
        font-size: 18px;
        line-height: 20px;
    }
    .TabsCont {
        padding-left: 280px;
    }
    .UlTabs {
        width: 260px;
    }
    .ImgTab img {
        width: 398px;
        height: 330px;
    }
    .BoxCli {
        margin-top: 30px;
    }
    .BoxCli ul li {
        width: 200px;
    }
    .BoxCli ul {
        max-width: 690px;
    }
    .BoxCli ul li a {
        height: 150px;
        padding-top: 24px;
    }
    .CliTitle {
        height: 150px;
        padding: 0px 15px;
    }
    .CliMore i {
        max-width: 80px;
    }
    .BoxNotic ul li {
        width: 100%;
        float: none;
    }
    .BoxNotic ul li a {
        min-height: 120px;
    }
    .BxGalSimpleCont {
        width: 280px;
        height: 242px;
    }
    .BxGalSimple img {
        width: 280px;
        height: 212px;
    }
    .BxGalServCont {
        width: 340px;
        height: 312px;
    }
    .BxGalServCont .bx-viewport {
        height: 282px !important;
    }
    .BxGalServ img {
        width: 340px !important;
        height: 282px !important;
        max-width: none;
    }
    .BoxAreaX3 {
        padding: 0px !important;
    }
    .BoxArea {
        padding-left: 240px;
        margin-bottom: 40px;
        /*padding-left: 0px;*/
    }
    .BoxAreaX3 h2 {
        position: relative;
        left: 0px;
        top: 0px;
    }
    .RowTabletFull .col-50 {
        width: 100%;
    }
    .UlDatosX3 {
        margin-top: 30px;
    }
    .UlDatos li {
        /*line-height: 20px;*/
    }
    .BoxForm {
        padding: 0px 60px;
        margin-top: 30px;
    }
    .BoxForm ul li {
        margin-bottom: 15px;
    }
    .BoxFormPop ul li {
        margin-bottom: 10px;
    }
    .MapCont {
        margin-top: 40px;
    }
    .UlFoo {
        font-size: 14px;
        max-width: 732px;
    }
    .TextNumber {
        font-size: 13px;
    }
    .BoxGra {
        margin-top: 0px;
        margin-bottom: 10px;
        padding: 0px;
    }
}
@media (min-width: 0px) and (max-width: 767px) {
    .Wrapper {
        padding-bottom: 278px;
    }
    .BoxedAqua {
        background: none;
        padding-bottom: 40px;
    }
    .BtnCot {
        display: none;
    }
    .BtnCotFoo {
        display: inline-block;
    }
    .CssCot .vbox-content {
        padding: 0px;
    }
    .CssCot .vbox-inline {
        height: auto !important;
        box-shadow: none;
        -moz-box-shadow: none;
        -ms-box-shadow: none;
        -o-box-shadow: none;
        -webkit-box-shadow: none;
        padding: 20px 10px 20px 10px !important;
        border-radius: 0px;
        -webkit-border-radius: 0px;
        -moz-border-radius: 0px;
        -ms-border-radius: 0px;
        -o-border-radius: 0px;
    }
    .NoMovil {
        display: none;
    }
    .MovilCenter {
        text-align: center;
    }
    .col-1,
    .col-2,
    .col-3,
    .col-4,
    .col-md-4,
    .col-5,
    .col-10,
    .col-11,
    .col-12,
    .col-13,
    .col-14,
    .col-15,
    .col-16,
    .col-17,
    .col-18,
    .col-19,
    .col-20,
    .col-21,
    .col-22,
    .col-23,
    .col-24,
    .col-25,
    .col-26,
    .col-27,
    .col-28,
    .col-29,
    .col-30,
    .col-31,
    .col-32,
    .col-33,
    .col-34,
    .col-35,
    .col-36,
    .col-37,
    .col-38,
    .col-39,
    .col-40,
    .col-40-fixed,
    .col-41,
    .col-42,
    .col-43,
    .col-44,
    .col-45,
    .col-46,
    .col-47,
    .col-48,
    .col-49,
    .col-50,
    .col-50-fixed,
    .col-51,
    .col-52,
    .col-53,
    .col-54,
    .col-55,
    .col-56,
    .col-57,
    .col-58,
    .col-59,
    .col-60,
    .col-60-fixed,
    .col-61,
    .col-62,
    .col-63,
    .col-64,
    .col-65,
    .col-66,
    .col-67,
    .col-68,
    .col-69,
    .col-70,
    .col-71,
    .col-72,
    .col-73,
    .col-74,
    .col-75,
    .col-76,
    .col-77,
    .col-78,
    .col-79,
    .col-80,
    .col-81,
    .col-82,
    .col-83,
    .col-84,
    .col-85,
    .col-86,
    .col-87,
    .col-88,
    .col-89,
    .col-90,
    .col-91,
    .col-92,
    .col-93,
    .col-94,
    .col-95,
    .col-96,
    .col-97,
    .col-98,
    .col-99,
    .col-100 {
        width: 100%;
        padding-left: 10px;
        padding-right: 10px;
    }
    .Header {
        height: 90px;
    }
    h1,
    .H1 {
        font-size: 20px;
        line-height: 22px;
        margin: 20px 0px 10px 0px;
    }
    h2,
    .H2 {
        font-size: 19px;
        line-height: 21px;
        margin: 10px 0px 10px 0px;
    }
    h3,
    .H3 {
        font-size: 18px;
        line-height: 20px;
        margin: 10px 0px 10px 0px;
    }
    h4,
    .H4 {
        font-size: 17px;
        line-height: 19px;
        margin: 10px 0px 10px 0px;
    }
    h5,
    .H5 {
        font-size: 16px;
        line-height: 18px;
        margin: 10px 0px 10px 0px;
    }
    h6,
    .H6 {
        font-size: 15px;
        line-height: 17px;
        margin: 10px 0px 10px 0px;
    }
    .BoxInter {
        margin-top: 30px;
    }
    .BtnCot {
        display: none;
    }
    .Logo {
        width: 150px;
        margin: 24px 0px 22px 10px;
    }
    .NavMovil {
        right: 10px;
        top: 30px;
        width: 128px;
    }
    .BtnWa {
        top: 98px;
    }
    .BxCaptionCont,
    .BxSliderInter .BxCaptionCont {
        width: 300px;
        top: inherit;
        bottom: 20px;
        margin-left: -150px;
    }
    .BxCaption,
    .BxSliderInter .BxCaption {
        width: 240px;
        font-size: 14px;
        line-height: 16px;
    }
    .BxCaptionTitle,
    .BxSliderInter .BxCaptionTitle {
        height: 60px;
    }
    .BxCaptionTitle {
        padding: 10px;
    }
    .BxCaptionText {
        display: none;
    }
    .BxSliderHomeCont {
        height: 255px;
    }
    .BxSliderHomeCont .bx-has-pager {
        display: none;
    }
    .BxSliderHome img {
        width: 800px;
        height: 255px;
    }
    .Relev {
        top: 0px;
        margin: 40px auto 0px auto;
    }
    .Relev ul {
        max-width: 300px;
    }
    .Relev ul li {
        max-width: 280px;
        margin: 0px auto 40px auto;
    }
    .BtnWa {
        width: 280px;
        right: 50%;
        margin-right: -140px;
        font-size: 12px;
        line-height: 14px;
        height: 44px;
        padding: 4px 10px 0px 10px;
    }
    .BtnWa span {
        font-size: 15px;
        padding: 5px 0px 0px 25px;
    }
    .ImgRight {
        display: inline-block;
        float: none;
        margin: 0px auto 15px auto;
    }
    .ImgSimple {
        margin-top: 10px;
    }
    .ImgSimple img {
        max-width: 280px;
    }
    .Title h1,
    .Title .H1 {
        font-size: 28px;
        line-height: 30px;
        margin: 4px auto 0px auto;
        padding: 0px 20px 10px 20px;
    }
    .UlAnio {
        padding: 0px;
    }
    .AnioInfo {
        position: static;
        padding: 0px 0px 0px 60px;
    }
    .AnioImg {
        position: relative;
        left: 0px;
        top: 0px;
        margin: 20px 0px 50px 60px;
    }
    .AnioImg img {
        width: 240px;
    }
    .AnioSpecial {
        font-size: 22px;
        line-height: 22px;
    }
    .AnioSpecial span {
        font-size: 36px;
        line-height: 36px;
    }
    .TabsCont {
        display: none;
        /*Ocultar Tabs y Mostrar Acordion*/
    }
    .ImgTab img {
        width: 280px;
        height: 232px;
    }
    .BoxCli ul {
        max-width: 260px;
    }
    .BoxCli ul li {
        margin: 0px 10px 10px 10px;
        width: 240px;
    }
    .BoxCli ul li a {
        height: 120px;
        padding-top: 10px;
    }
    .CliTitle {
        height: 120px;
    }
    .CliMore i {
        height: 15px;
    }
    .Accordion {
        display: inline-block;
        width: 100%;
    }
    .AccordionInfo {
        padding: 15px 10px 40px 10px;
    }
    .BxGalServCont {
        width: 280px;
        height: 272px;
    }
    .BxGalServCont .bx-viewport {
        height: 232px !important;
    }
    .BxGalServ img {
        width: 280px !important;
        height: 232px !important;
        max-width: none;
    }
    .BoxNotic ul {
        margin-top: 20px;
    }
    .BoxNotic ul li {
        padding: 0px 0px 0px 0px;
    }
    .BoxNotic ul li a {
        padding: 0px 0px 0px 102px;
    }
    .NoticImg {
        right: inherit;
        left: 0px;
        top: 0px;
    }
    .NoticImg img {
        width: 82px;
        height: 62px;
    }
    .BxGalSimpleCont {
        margin-top: 20px;
    }
    .BoxNoticItem {
        margin-top: 20px;
    }
    .BoxAreaCont {
        margin-top: 10px;
    }
    .BoxArea {
        padding: 0px;
        margin-bottom: 30px;
    }
    .BoxArea h2 {
        position: relative;
        left: 0px;
        top: 0px;
        margin: 0px 0px 0px 0px;
    }
    .UlDatos,
    .UlDatosX3 {
        margin-top: 10px;
    }
    .UlDatosX3 > li {
        width: 100%;
        margin-bottom: 4px;
        padding: 0px 20px;
    }
    .BoxForm {
        padding: 0px 20px;
    }
    .MapCont {
        height: 300px;
    }
    .Footer {
        height: 210px;
    }
    .UlFoo li {
        width: 100%;
        max-width: 100%;
        float: none;
        margin: 0px 0px 20px 0px;
    }
    .BoxError {
        margin-bottom: 0px;
        padding: 0px 15px;
    }
}
@media (min-width: 0px) and (max-width: 568px) {
    .Demo {
        margin: auto;
    }
}
@media (min-width: 0px) and (max-width: 320px) {
    .Demo {
        margin: auto;
    }
}