@media (min-width: 801px) and (max-width: 1024px) {

   .UlNav {
        display: block!important;
    }
    .LiActive {
        background: none;
        color: #fff;
    }
    .LiActive > a {
        color: none;
    }

    .Cdrgthflt {
        min-width: 200px;
        height: 65px;
    }
    .txtini {
        max-height: 65px;
    }
    .imgini:before,
    .imgpri:before {
        top: -3px;
    }
    
    .bx-controls {
        display: none;
    }
    .Logo {
    }
    .Cntpg:before {
        top: -364px;
    }
    .CdrOpi img {
        width: 120px;
        height: 120px;
    }
    .CdrOpi .TxtOpi {
        width: 255px;
        height: auto;
    }
    .col-33 {
        width: 46%;
        float: none;
        margin: 20px 2%;
        display: inline-table;
    }

    .Cntxtpg {
        padding: 0;
    }

}
@media (min-width: 0px) and (max-width: 800px) {
        .Header {
    height: 198px;
}
.Logo{
    width: 280px;
    background-size: 250px;
}
.barft{height:5px;}
 .NavMobile {
        display: inline-block;
    }
    .UlSocial{
            top: 80px;
            right: 0;
    }
    .UlSocial li{
            padding-bottom: 5px;
    border-bottom: 1px solid #E8E8E8;
    text-align: center;
    }
    .UlNav {
        margin-top: 0px;
        width: 300px;
        background: #111;
        display: none;
        position: absolute;
    top: -56px;
    right: 10px;
    }
    .UlNav li {
        position: relative;
        display: block;
        width: 100% !important;
        float: none;
        height: auto !important;
        border: none;
        padding: 0px;
        background: none;
        transition: none;
        -moz-transition: none;
        -ms-transition: none;
        -o-transition: none;
        -webkit-transition: none;
    }
    .UlNav li:hover ul {
        margin-top: 0px;
    }
    .UlNav > li {
        margin-left: 0px;
    }
    .UlNav > li > a {
        border-radius: 0;
        -moz-border-radius: 0;
        -ms-border-radius: 0;
        -o-border-radius: 0;
        -webkit-border-radius: 0;
    }
    .UlNav > li:hover > a {
        background: none;
    }
    .UlNav li a {
        color: #fff;
        display: inline-block !important;
        width: 100% !important;
        padding: 22px 20px 0px 20px !important;
        height: 62px !important;
        border-bottom: 1px solid #222;
        transition: none;
        -moz-transition: none;
        -ms-transition: none;
        -o-transition: none;
        -webkit-transition: none;
    }
    .UlNav li ul li a {
        padding: 22px 20px 0px 40px !important;
    }
    .UlNav li ul li {
        border-bottom: none;
    }
    .UlNav li ul {
        display: none;
        background: none;
        margin-top: 0px;
        position: relative;
        top: 0px;
        left: 0px;
        opacity: 1 !important;
        visibility: visible !important;
        box-shadow: none;
        -moz-box-shadow: none;
        -ms-box-shadow: none;
        -o-box-shadow: none;
        -webkit-box-shadow: none;
        transition: none;
        -moz-transition: none;
        -ms-transition: none;
        -o-transition: none;
        -webkit-transition: none;
    }
    .UlNav span {
        width: 62px;
        height: 62px;
        position: absolute;
        right: 0px;
        top: 0px;
        background: #333 url(../imagenes/img-open.png) center center no-repeat;
        cursor: pointer;
    }
    .NavClose {
        background: #333 url(../imagenes/img-close.png) center center no-repeat !important;
    }
    }
@media (min-width: 0px) and (max-width: 900px) {
    .BxCaptionHomeCont{
    top:auto;
    bottom: 20px;

}
    .CdrOpi .TxtOpi {
        width: 200px;
        height: auto;
    }
    .Footer {
        height: auto;
        padding: 10px 0;
    }
    .Subfothm {
        margin-bottom: 64px;
    }
    .UlContac {
        text-align: center;
        height: auto;
    }
    .UlContac li {
        float: none;
        height: auto;
        line-height: 14px;
        margin: 2px 18px;
        padding-left: 0;
    }
    .col-60,
    .col-40 {
        width: 55%;
    }
    .col-50 {
        width: 100%;
    }
    .CdrNiv {
        width: 100%;
        margin-bottom: 45px;
    }
    .LinkNotic {
        min-height: 125px;
    }
    .BanIntr img {
        width: 1400px;
        margin-left: -700px!important;
    }
    .BxSliderHomeCont {
        margin-bottom: 40px;
    }
    .ipad {
        background-size: 639px;
        max-width: 639px;
        height: 490px;
    }
    .cntimgal {
        width: 520px;
        height: 388px;
        margin: 51px 58px;
    }
    .ftimgal {
        height: 88px!important;
    }
    .Copyright .col-50 {
        width: 50%;
    }
    .Cntpg:before,
    .Cntpgint:before {
        top: -244px;
        height: 210px;
    }
    .col-carint .bx-prev {
        left: -20px!important;
    }
    .col-carint .bx-next {
        right: -20px!important;
    }
    .BxCarGalCont {
        max-width: 528px;
    }
    .Error-404 {
        font-size: 100px;
        line-height: 100px;
    }
    .BanIntr .bx-viewport,
    .BanIntr .bx-wrapper {
        height: 215px!important;
    }
    .BanIntr {
        height: 215px!important;
    }
}
@media (min-width: 0px) and (max-width: 713px) {
     #frmhmadms .mCustomScrollBox{
        max-height: none;
    }
.imgderint{
    width:100%;
    left:0;
     /* IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=10)";

  /* IE 5-7 */
  filter: alpha(opacity=10);

  /* Netscape */
  -moz-opacity: 0.1;

  /* Safari 1.x */
  -khtml-opacity: 0.1;

  /* Good browsers */
  opacity: 0.1;
}
.Cdrgthflt{
    min-width: 136px;
    height: 65px;
}
.Cdrgthflt{
min-width: 136px;
    height: 65px;
}

    .Barhd {
        z-index: 1;
    }
    .CdrOpi {
        margin: 15px auto;
        width: auto;
        display: table;
        float: none;
    }
    .CdrOpi .TxtOpi h1 {
        font-size: 18px;
        line-height: 18px;
    }
    .Subfothm {
        margin-bottom: 82px;
    }
    .col-33 {
        width: 90%;
        margin: 20px auto;
        display: table;
        margin-bottom: 40px;
    }
    .col-50 {
        width: 100%;
        margin-bottom: 25px;
    }
    .col-60,
    .col-40 {
        width: 100%;
        margin-left: 0;
    }
    .cdrintfrm {
        margin-top: 50px;
    }
    .Cntpgint {
        margin-top: 15px;
    }
    .col-46 {
        width: 96%;
    }
    .cdrpredu {
        margin: 25px 2%;
        min-height: 100%;
    }
    .LinkNotic {
        width: 100%;
        min-height: 75px;
    }
    .ipad {
        background-size: 494px;
        max-width: 500px;
        height: 379px;
    }
    .cntimgal {
        width: 402px;
        height: 300px;
        margin: 39px 45px;
    }
    .ftimgal {
        height: 88px!important;
    }
    .ftimgal h3 {
        font-size: 16px!important;
        bottom: 5px!important;
        line-height: 16px!important;
    }
    .ftimgal h2 {
        font-size: 20px!important;
        line-height: 20px!important;
    }
    .BanIntr img {
        width: 1200px;
        margin-left: -568px!important;
    }
    .BxSliderHomeCont {
        min-height: 184px;
    }
    .Cntpg:before,
    .Cntpgint:before {
        top: -198px;
        height: 184px;
    }
    .CntcTxt h1 {
        font-size: 26px;
        line-height: 26px;
    }
    .BxCarGalCont {
        max-width: 396px;
    }
    #BxCarGalPrev {
        left: -10%;
    }
    #BxCarGalNext {
        right: -10%;
    }
    .BanIntr {
        height: 185px!important;
    }
    .BanIntr .bx-viewport,
    .BanIntr .bx-wrapper {
        height: 185px!important;
    }
}
@media (min-width: 0px) and (max-width: 575px) {
    .BxCaptionHomeCont{
        top: auto;
        bottom: 0;
    border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    -webkit-border-radius: 0;
    width:100%;
    }
    .UlSocial{
        top:95px;
    }
    .Header {
    height: 185px;
}
    .Subfothm {
        margin-bottom: 105px;
    }
    
    .col-33 {
        width: 100%;
    }
    .col-33 {
        margin: 15px 0px;
        margin-bottom: 55px;
    }
    .CdrOpi img {
        width: 110px;
        height: 110px;
    }
    .CdrOpi .TxtOpi {
        width: 167px;
        padding: 0px 20px;
        height: auto;
    }
    .UlContac li {
        line-height: 20px;
        width: 100%;
        margin: 0;
    }
    .Copyright .Boxed p span {
        display: none;
    }
    .Copyright .col-50 {
        width: 50%;
    }
    .UlContac {
        text-align: left;
    }
    .col-carint .bx-prev {
        left: 10px!important;
    }
    .col-carint .bx-next {
        right: 10px!important;
    }
    .titpgint {
        font-size: 23px;
        line-height: 23px;
    }
    .col-70 {
        width: 95%;
    }
    .intitcntr:before {
        top: -25px;
        left: -14px;
    }
    .intitcntr:after {
        right: -20px;
    }
    .col-80 {
        width: 100%;
    }
    .ipad {
        background-size: 100%;
        max-width: 100%;
        height: auto;
        background-image: none;
    }
    .cntimgal {
        width: 100%;
        height: 100%;
        margin: 0;
    }
    .ftimgal {
        height: 25%!important;
    }
    .BanIntr img {
        width: 1000px;
        margin-left: -490px!important;
    }
    .BxSliderHomeCont {
        min-height: 160px;
    }
    .Cntpg:before,
    .Cntpgint:before {
        top: -175px;
        height: 160px;
    }
    .imggal {
        height: 100%;
        margin-bottom: 20%;
        max-height: 300px;
    }
    .Error-404 {
        font-size: 72px;
        line-height: 72px;
    }
    .BanIntr .bx-viewport,
    .BanIntr .bx-wrapper {
        height: 154px!important;
    }
    .bx-controls {
        height: 154px;
    }
    .BanIntr {
        height: 154px!important
    }
       
}
@media (min-width: 0px) and (max-width: 440px) {

.UlNav{
    right: auto;
        top: 3px;
    left: 50%;
    margin-left: -150px;
}
    .NavMobile{
        right: none;
        float: none;
        top: 80px;
    left: 50%;
    margin-left: -65px;
    }
    .Logo{
    left: 50%;
    margin-left: -140px;
    top: 0px;
    }
    .UlSocial{top:145px;}
    .Header {
    height: 318px;
}

    .BanIntr img {
        width: 1300px;
        margin-left: -460px;
        margin-top: -30px;
    }
    .BxCaptionHomeCont {
        display: none;
    }
    .UlContac li{
        text-align: center;
    }
    .LinkNotic {
        min-height: 94px;
    }
    .Cntpg:before,
    .Cntpgint:before {
        top: -168px;
        height: 170px;
    }
    .BxCarGalCont {
        max-width: 260px;
    }
    #BxCarGalPrev {
        left: -17%;
    }
    #BxCarGalNext {
        right: -17%;
    }
}
@media (min-width: 0px) and (max-width: 355px) {
.BxSliderHomeCont{
    margin-bottom: 60px;
}
}