@media only screen and (max-width: 1156px), only screen and (max-device-width: 1156px){  
    .info{right: 435px;width: 37%}
    #attraction .img-attraction{right: 6%}
    .title-small {font-size: 1.2em;}
    #contactDiv .destacado, #contactDiv .title-facturar {font-size: 1.3em;}
}
@media only screen and (max-width: 1024px), only screen and (max-device-width: 1024px){
    #attraction .img-attraction{right: 15%}
    .info{width: 40%;right: 45%;min-width: 340px}
    #contactDiv{min-width: 230px}
    #contactDiv .title {font-size: 2.3em;}
    #contactDiv select{width: 150%}
    .content-center {padding: 46px 6% 0;}
    #map-canvas {height: 500px;}
    .grid-sucursales{width: 23.5%;padding-right: 1.5%;}
    .grid-sucursales.last{padding-right: 1.5%;}
    #contactDiv .title-facturar{display: none!important}
}

@media only screen and (max-width: 900px), only screen and (max-device-width: 900px){
    #attraction .img-attraction {right: 19%;}
    .content-center {padding: 46px 3% 0;}
    .grid3 {width: 28%;padding-right: 7.5%;}
    .grid3.last{padding-right: 0}
    #contactDiv .title {font-size: 2em;}
    #attraction .info .title-in{font-size: 40px}
}
@media only screen and (max-width: 846px), only screen and (max-device-width: 846px){
    #attraction .img-attraction {right: 22%;}
    .grid-sucursales{width: 31.5%;padding-right: 1.5%;}
}

@media only screen and (max-width: 790px), only screen and (max-device-width: 790px){
    #attraction .img-attraction {right: 25%;}
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
    #attraction .img-attraction{right: 15%}
    .info{right: 405px;}
    .content-center {padding: 46px 6% 0;}
    .grid3 {width: 25%;padding-right: 12.5%;}
    .grid3.last{padding-right: 0}
    .grid-sucursales{width: 23.5%;padding-right: 1.5%;}
     #contactDiv .title {font-size: 2.3em;}
     #attraction .info .title-in{font-size: 45px}
}

@media only screen and (max-width: 760px), only screen and (max-device-width: 760px){
    #attraction .img-attraction {right: 40%;}
}

@media only screen and (max-width: 720px), only screen and (max-device-width: 720px){
    #attraction .img-attraction {right: 42%;}
    .info{right: 48%}
    #logo {width: 300px;}
    .col-full{width: 93%;padding: 0}
    #contactDiv{right: -10px}
}

@media only screen and (max-width: 700px), only screen and (max-device-width: 700px){
    .info {right: 45%;}
	#sb-body-inner{-webkit-overflow-scrolling: touch !important;overflow: scroll !important;}
}

@media only screen and (max-width: 640px), only screen and (max-device-width: 640px){
    .contacto-col-full{position: relative;width: 100%;padding: 0}
    #contactDiv{position: relative;top: 0;right: 0;max-width: 0;width: 93%!important;padding: 30px 3.5%;max-width: 100%;box-shadow: none}
    #contactDiv .title {font-size: 2.5em;}
    .hidden{display: block;visibility: visible}
    .hidden-mobile{display: none;visibility: hidden}
    #attraction .img-attraction{right: 0;min-width: 0}
    #attraction .info ul{display: none}
    #attraction .descripcion{  color: #fff;font-size: 15px;line-height: 22px;}
    #attraction{min-height: 0}
    #header{text-align: center}
    .info {right: 0;margin: 0 auto;left: 0;width:100%;min-width: 0}
    #attraction .conoce-mas .flechas{font-size: 40px;letter-spacing: -16px;}
    #attraction .descripcion{bottom: 100px;font-size: 23px;position: absolute;line-height: 34px}
    #contactDiv .destacado, #contactDiv .title-facturar{font-size: 1.25em;}
    .facturar .info-contacto, .facturar .info-factura{width: 100%!important}
    .facturar .info-factura{height: auto}
    .grid3{position: initial;float: none;width: 60%;padding-right: 0;margin: 0 auto;height: 480px}
    .content-center{padding: 46px 0 40px;margin: 0}
    .owl-nav .owl-prev{background: url("landings/nav-left.png") no-repeat;cursor: pointer;height: 66px;left: 10%;position: absolute;width: 35px;background-size: 100%;top: 40%}
    .owl-nav .owl-next{background: url("landings/nav-right.png") no-repeat;cursor: pointer;height: 66px;right: 10%;position: absolute;width: 35px;background-size: 100%;top: 40%}
    .owl-dots{text-align: center;}
    .owl-dot {background-color: #50515d;display: inline-block;width: 12px;height: 12px;margin-right: 20px;cursor: pointer;-moz-border-radius: 50%;border-radius: 50%;-webkit-border-radius: 50%;border-radius: 50%;}
    .owl-pagination {text-align: center;width: 100%;margin: 0 auto;left: 0;right: 0;margin-top: 20px}
    .owl-dot.active{width: 22px;height: 22px;position: relative;top: 5px}
    .title-full{line-height: 34px}
    .cont-titulo{padding: 15px 0}
    .icon-location{display: inline-block;float: right;font-size: 20px;margin: 7px 7px 0 0;}
    .grid-sucursales {width: 100%;padding-right: 0;}
    .title-small{font-size: 1.4em;}
    #streetview {margin-bottom: 22px;}
    .btn1{min-width: 176px}
    #attraction-2 .title-seccion{line-height: 39px;padding-top: 56px;min-width: 0;width: 90%}
    #attraction-2{background: url(style/bg-attraction-2-mb.jpg) no-repeat;background-size: cover;background-position: center}
    #attraction-2 .btn1{margin-top: 22px}
    #footer{height: auto;padding: 15px 0}
    #footer #copyright{line-height: initial;line-height: 25px}
    #footer #copyright a{display: block}
    div.carrusel-beneficios{display: block!important}
    .sucursal_mobile{height: 215px;}
    .sucursal{height:36px;}
    .title-small{background: #878A8E;}
    .title_selected{background: #0f2444;}
    .letra_no_select{background:#5F646C !important;}
    .parrafo_full{
        display: none;
    }
}
@media only screen and (max-width: 590px), only screen and (max-device-width: 590px){
    .owl-nav .owl-prev,.owl-nav .owl-next{top: 37%}
}
@media only screen and (max-width: 500px), only screen and (max-device-width: 500px){
    #attraction .descripcion{font-size: 20px;line-height: 28px;}
    .grid3{width: 74%}
    .owl-nav .owl-prev,.owl-nav .owl-next{top: 39%}
    .owl-nav .owl-prev{left: 1%}
    .owl-nav .owl-next{right: 1%}
}

@media only screen and (max-width: 450px), only screen and (max-device-width: 450px){
    #attraction .descripcion{width: 79%}
    .grid3{height: 460px}
    .owl-nav .owl-prev,.owl-nav .owl-next{top: 37%}
}

@media only screen and (max-width: 420px), only screen and (max-device-width: 420px){
    #attraction .info .title{font-size: 20px;line-height: 17px}
    #attraction .info .title-in{font-size: 35px;line-height: 50px;}
    .info{padding: 13px 0 0 0;}
    #attraction .descripcion{font-size: 18px;line-height: 26px;bottom: 83px;}
    #attraction .conoce-mas{bottom: 84px;}
    #logo{width: 175px;margin-top: 8px}
    #header{height: 58px;}
    .btn1{height: 63px}
    #contactDiv{padding-bottom: 40px}
    #contactDiv div.select{margin-bottom: 27px;}
    #contactDiv .privacity{padding-left: 0}
    #contactDiv .privacity{margin-bottom: 30px}
    .grid3 .title-bloque {margin-bottom: 0;height: 46px;}
    .owl-nav .owl-prev,.owl-nav .owl-next{top: 36%;width: 27px;height: 53px}
    .grid3{height: 415px;}
    .owl-dot{width: 10px;height: 10px}
    .owl-dot.active{width: 18px;height: 18px;top: 3px;}
    .title-seccion{font-size: 1.8em;margin-bottom: 27px}
    .content-center{padding: 29px 0 35px;}
    #map-canvas {height: 350px;}
    .title-full{font-size: 1.8em;line-height: 28px}
    .cont-titulo {padding: 10px 0;}
    #attraction-2 .title-seccion {line-height: 35px;padding-top: 34px;}
    #attraction-2{height: 292px;}
}

@media only screen and (max-width: 380px), only screen and (max-device-width: 380px){
    #attraction .descripcion{bottom: 50px}
    #attraction .conoce-mas {bottom: 72px;}
    #attraction .conoce-mas .flechas {font-size: 30px;letter-spacing: -12px;}
    #attraction .descripcion {width: 73%;}
    #attraction .descripcion {font-size: 16px;line-height: 24px;}
    .grid3{height: 390px;}
    .owl-nav .owl-prev,.owl-nav .owl-next{top: 34%;}
    #map-canvas {height: 325px;}
    #streetview {margin-bottom: 16px;}
    .sucursal .letra{height: 30px;width: 30px;line-height: 30px}
    .title-small{line-height: 30px}
    .icon-location {font-size: 18px;margin: 6px 6px 0 0;}
}

@media only screen and (max-width: 350px), only screen and (max-device-width: 350px){
    .grid3 {height: 370px;}
    .owl-nav .owl-prev, .owl-nav .owl-next {top: 35%;width: 20px;height: 40px;}
    .owl-nav .owl-prev{left: 2%}
    .owl-nav .owl-next{right: 2%}
    #map-canvas {height: 256px;}
}