@media (min-width: 0px) and (max-width: 1200px) {
    .UlNav li a {
        padding: 25px 72px 25px 20px !important;
    }
    .UlDatos {
        margin: 40px 0px 10px 38px;
    }
}
@media (min-width: 0px) and (max-width: 1024px) {
    .Wrapper {
        display: block;
        position: relative;
        min-height: inherit;
        height: auto;
    }
    .Sidebar,
    .Main {
        width: 100%;
        float: none;
        padding: 0px 0px;
        margin-top: 0px;
    }
    .Wrapper {
        border-top: 4px solid #045396;
    }
    .Header {
        height: auto;
    }
    .Header .col-100 {
        padding: 0px 10px;
        width: 100%;
    }
    .BoxRound {
        border-radius: 0px;
        -moz-border-radius: 0px;
        -ms-border-radius: 0px;
        -o-border-radius: 0px;
        -webkit-border-radius: 0px;
    }
    .Sidebar .UlDatos {
        display: none;
    }
    .Logo {
        border: 0px;
        padding-top: 0px;
        float: left;
        left: 0px;
        margin-top: 24px;
        margin-bottom: 14px;
        max-width: 173px;
        height: auto;
    }
    .UlSocial {
        top: 87px;
        right: 10px;
    }
    .NavMobile {
        display: inline-block;
        right: 10px;
    }
    .BoxDirectos {
        right: 10px;
    }
    .BxSliderHomeCont img {
        height: 410px;
    }
    .BoxRoundSlider {
        height: 410px;
    }
    .BxCaptionCont {
        width: 740px !important;
        margin-left: -370px !important;
        bottom: 80px;
    }
    .BxCaptionTitle {
        font-size: 36px;
        line-height: 32px;
        width: 400px;
    }
    .UlNav {
        display: none;
        position: inherit;
        margin-top: 0px;
        z-index: 99999;
        background: #111;
    }
    .UlNav li a {
        height: inherit;
        min-height: 70px;
        font-size: 14px;
        line-height: 16px;
        25px 72px 25px 10px !important
    }
    .UlNav li ul li a {
        padding-left: 15px !important;
    }
    .UlNav li ul li ul li a {
        padding-left: 25px !important;
    }
    .UlNav li ul li ul li ul {
        display: block;
    }
    .UlNav li ul li ul li ul li a {
        padding-left: 35px !important;
    }
    .UlNav li ul li ul li ul li ul li a {
        padding-left: 45px !important;
    }
    /**/
    .UlNav li ul {
        background: #151515;
        display: none;
    }
    .UlNav li ul li ul {
        background: #222;
    }
    .UlNav li ul li ul li ul {
        background: #252525;
    }
    .UlNav li ul li ul li ul li ul {
        background: #333;
        display: block;
    }
    /**/
    /**/
    .UlNav li ul li ul li span {
        display: none;
    }
    /**/
    .UlNav li ul {
        width: 100% !important;
        border: 0px !important;
        /*display: none;*/
        opacity: 1;
        visibility: visible;
        position: static;
        top: 0px;
        margin-top: 0px;
        margin-left: 0px !important;
        transition: none;
        -moz-transition: none;
        -ms-transition: none;
        -o-transition: none;
        -webkit-transition: none;
        border-left: none !important;
    }
    .UlNav li,
    .UlNav li:hover {
        background: none !important;
        display: inline-block !important;
        width: 100% !important;
    }
    .UlNav li a {
        color: #fff;
        display: inline-block !important;
        width: 100% !important;
        border: 0px !important;
    }
    .UlNav li {
        border-top: 1px solid #333 !important;
    }
    .UlNav li a:hover {
        background: #045396 !important;
        color: #fff;
    }
    .UlNav li ul li:hover > a {
        color: #fff;
    }
    .UlNav li ul li a {
        border-right: 0px;
    }
    .UlNav > li > a {
        border-right: 0px solid #fff;
    }
    .UlNav > li:hover > a {
        border: none;
        background: #045396;
        color: #fff;
    }
    .UlNav::after {
        display: none;
    }
    .UlNav li a b {
        display: none;
    }
    .UlNav span {
        width: 70px;
        height: 70px;
        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;
    }
    .BxSliderHomeCont .bx-controls-direction {
        max-width: 700px;
        left: 50%;
        margin-left: -350px;
    }
    .Footer {
        height: 64px;
    }
    .UlFooter {
        margin-top: 40px;
        padding: 40px 10px 40px 40px;
    }
    .UlFooter > li {
        width: 50%;
        margin-bottom: 40px;
    }
    .UlDatos {
        margin: 15px 0px 10px 20px;
    }
    .UlDatos li {
        width: 100% !important;
        margin-bottom: 5px;
    }
    .LiContactFooterMovil {
        display: inline-block !important;
    }
    .BxGalSimpleCont {
        width: 280px;
    }
    .BxGalSimpleCont img {
        width: 280px;
        height: 233px;
    }
    .BxCarNoticHomeCont,
    .BxCarProdHomeCont {
        max-width: none;
        padding-right: 30px;
    }
    .ItemBoxProd {
        padding: 0px !important;
    }
    .LinkBoxProd {
        height: 380px;
        border-radius: 10px;
        -moz-border-radius: 10px;
        -ms-border-radius: 10px;
        -o-border-radius: 10px;
        -webkit-border-radius: 10px;
    }
    .LinkBoxClose {
        right: -4px;
        top: -20px;
    }
    .TableProd {
        height: 380px;
        border-radius: 0px;
        -moz-border-radius: 0px;
        -ms-border-radius: 0px;
        -o-border-radius: 0px;
        -webkit-border-radius: 0px;
    }
    .TableProd a {
        padding: 5px 20px;
        font-size: 14px;
    }
    .RowProd .col-22 {
        width: 40%;
    }
    .RowProd .col-78 {
        width: 60%;
    }
    .BoxProdInfo {
        padding-right: 0px;
        text-align: center;
    }
    .BxGalProdCont {
        float: none;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 60px;
        height: 250px;
    }
    .BoxProdInfo h1,
    .BoxProdInfo h2 {
        text-align: left;
    }
    .cms {
        text-align: left;
    }
    .UlClientes {
        max-width: 576px;
    }
    .LinkNotic h1 {
        font-size: 17px;
        line-height: 16px;
    }
    .ItemNotic {
        margin-bottom: 40px;
    }
    .BtnPdf {
        position: relative;
        right: 0px;
        top: 0px;
        margin: 20px 0px 40px 0px;
    }
}
@media (min-width: 0px) and (max-width: 767px) {
    .col-md-1,
    .col-md-2,
    .col-md-3,
    .col-md-4,
    .col-md-5,
    .col-md-6,
    .col-md-7,
    .col-md-8,
    .col-md-9,
    .col-md-10,
    .col-md-11,
    .col-md-12,
    .col-10,
    .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-41,
    .col-42,
    .col-43,
    .col-44,
    .col-45,
    .col-46,
    .col-47,
    .col-48,
    .col-49,
    .col-50,
    .col-51,
    .col-52,
    .col-53,
    .col-54,
    .col-55,
    .col-56,
    .col-57,
    .col-58,
    .col-59,
    .col-60,
    .col-64,
    .col-65,
    .col-70,
    .col-75,
    .col-76,
    .col-77,
    .col-78,
    .col-79,
    .col-80,
    .col-90,
    .col-100 {
        width: 100%;
        float: none;
    }
    .RowProd .col-22,
    .RowProd .col-78 {
        width: 100%;
        float: none;
    }
    .Header .col-100 {
        padding: 0px 10px;
        width: 100%;
        float: left;
    }
    .NavMobile {
        top: 17px;
    }
    .Header {
        min-height: 78px;
    }
    .UlSocial {
        top: 76px;
    }
    .Logo {
        width: 130px;
    }
    .BoxMenuProd {
        margin-bottom: 40px;
    }
    .BoxRoundInter {
        padding: 80px 10px 40px 10px;
    }
    .LinkBoxProd {
        padding-top: 40px;
    }
    .NoMovil {
        display: none;
    }
    .BxSliderHomeCont .bx-controls-direction {
        max-width: 280px;
        margin-left: -140px;
    }
    .BxGalProdCont {
        width: 260px;
        height: 216px;
        margin-bottom: 20px;
    }
    .BxGalProdCont img {
        width: 220px;
        height: 184px;
    }
    .UlClientes {
        max-width: 192px;
    }
    .Map1 {
        display: none;
    }
    .BoxContactDatos {
        margin-left: auto;
    }
    .BoxContactTitle {
        padding-left: 20px;
    }
    .BoxContactDatos {
        top: 20px;
    }
    .BoxContactForm {
        top: 20px;
        margin-right: auto;
    }
    .BoxRoundContac {
        padding-top: 40px;
        height: inherit;
    }
    .BoxContactInfo {
        padding: 20px;
    }
    .BtnSend {
        margin-bottom: 40px;
    }
    .BoxDirectos {
        display: none;
    }
    .UlFooter {
        margin-top: 0px;
        padding: 40px 20px 40px 20px;
    }
    .UlFooter > li {
        width: 100%;
        margin-bottom: 20px;
    }
    .BxCarNoticHomeCont,
    .BxCarProdHomeCont {
        padding-right: 0px;
    }
    .ProdInfo,
    .NoticInfo {
        font-size: 15px;
    }
    .BoxRoundSlider {
        height: 275px;
    }
    .BxSliderHomeCont img {
        height: 275px;
    }
    .BxCaptionCont {
        width: 280px !important;
        margin-left: -140px !important;
        bottom: 20px;
    }
    .BxCaptionTitle {
        font-size: 28px;
        line-height: 24px;
        width: 280px;
    }
    .UlMenEmp {
        display: none;
    }
    .BoxScroll {
        height: inherit;
    }
    .BxGalSimpleCont {
        float: none;
        margin-left: auto;
        margin-right: auto;
    }
    .MovilCenter {
        text-align: center;
    }
    .BoxContactForm {
        margin-top: 40px;
    }
    .MapMovil {
        margin-top: 60px;
    }
    .BoxRoundInter {
        min-height: 400px;
    }
    .BoxError {
        margin-top: 20px;
    }
}
@media (min-width: 0px) and (max-width: 568px) {
    .col-md-1,
    .col-md-2,
    .col-md-3,
    .col-md-4,
    .col-md-5,
    .col-md-6,
    .col-md-7,
    .col-md-8,
    .col-md-9,
    .col-md-10,
    .col-md-11,
    .col-md-12,
    .col-10,
    .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-41,
    .col-42,
    .col-43,
    .col-44,
    .col-45,
    .col-46,
    .col-47,
    .col-48,
    .col-49,
    .col-50,
    .col-51,
    .col-52,
    .col-53,
    .col-54,
    .col-55,
    .col-56,
    .col-57,
    .col-58,
    .col-59,
    .col-60,
    .col-64,
    .col-65,
    .col-70,
    .col-75,
    .col-76,
    .col-77,
    .col-78,
    .col-79,
    .col-80,
    .col-90,
    .col-100 {
        width: 100%;
        float: inherit;
        padding: 0px 10px;
    }
}
@media (min-width: 0px) and (max-width: 320px) {
    .Demo {
        margin: auto;
    }
}