@media (max-width:768px) {
    .capa .cerrar {

    top: 0px;
    right: 0px;
    z-index: 9999;
}
    .margintoppage {
        margin-top: 70px
    }
    .margintoppage .img-responsive {
        max-width: 100% !important
    }
    .rituales h2 {
        font-size: 30px;
        margin-bottom: 20px;
    }
    .lascartas .thumbnail {
        width: 80vw;
        height: auto;
    }
    .lascartas .thumbnail img {
        position: inherit;
        left: 0;
        top: 0;
        height: auto;
        width: auto;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        max-width: 100% !important
    }
    .lascartas .thumbnail .img-responsive {
        max-width: 100% !important
    }
    .estado {
        bottom: 0;
        top: inherit
    }
    .caja-texto-paso {
        padding: 50px 0
    }
    #formsesion {
        width: 100%
    }
    .jqTransformSelectWrapper {
        width: 100% !important
    }
    .rituales .consulta form {
        padding-left: 0
    }
    .center-block {
        width: 100% !important
    }
    .youtube iframe {
        height: 250px !important
    }
    .tabs a {
        z-index: 20
    }
    .img-responsive {
        display: block;
        max-width: 100% !important;
        height: auto;
    }
    .banner-home img {
        width: 100%;
        height: auto;
        margin-top: 8%;
        float: none;
        margin-left: inherit;
    }
    .titulo {
        padding-right: 0px;
        padding-bottom: 10px;
        text-align: center;
    }
    .caja-texto-paso p {
        padding-left: 0;
    }
    .categorias .btn-face {
        width: 70%;
    }
    .categorias .btn-tw {
        width: 70%;
    }
    .tb-horosco {
        height: auto;
    }
    ol#pagination {
        width: 100% !important;
    }
    .textogeneral h2 {
        font-size: 40px; 
        margin-top: 5%;
    }
	/* .text-left .textogeneral h2{
		font-size: 55px;  lo cambie era 35	
        margin-top: 1%;
	} */
    .textogeneral p {
        font-size: 16px;
    }
    .btn-leermas {
        float: right;
        padding: 5px 20px;
        font-size: 14px;
        font-family: 'Muli', sans-serif;
        margin-top: 5px;
    }
    .textogeneral h3 {
        margin-top: 10px;
    }
    .bloque1 h1 {
        padding-top: 0px;
        margin-top: 10px;
    }
    .bloque1 p {
        padding-top: 10px;
    }
    .consulta .gris {
        font-size: 23pt;
    }
    .consulta .azul {
        font-size: 23pt;
    }
    #escoge2,
    #seleccionatiempo2,
    #pasarela2 {
        height: 0;
        opacity: 0;
    }
    .capa .box {
        width: 100%;
        position: relative;
        margin: 115px auto;
        background: white;
        border: #333 4px solid;
        padding-left: 5px;
        padding-top: 0px;
        padding-right: 5px;
        overflow-y: scroll;
        height: 415px;
        overflow-x: hidden;
    }
    .thumbnail-perfil {
        height: 300px;
    }
    .contenido-perfil h1 {
        font-size: 30px;
    }
    .reloj {
        left: 0;
    }
    .jqTransformSelectWrapper div span {
        font-size: 14px;
        padding-left: 70px;
    }
}
@media screen and (max-width:500px) {
	  .textogeneral h2 {
        margin-top: 11%;
    }
}

@media (min-width:769px) and (max-width:992px) {
    .margintoppage {
        margin-top: 100px
    }
    .margintoppage .img-responsive {
        max-width: 100% !important
    }
    .lascartas .thumbnail {
        width: 30vw;
        height: auto;
    }
    .categorias .btn-face {
        width: 70%;
    }
    .categorias .btn-tw {
        width: 70%;
    }
}

@media (min-width:768px) and (max-width:992px) {
    .box-text-btn {
        margin-left: auto;
        margin-right: auto;
        top: 100px;
        right: 0;
        left: 0;
    }
    .redes {
        margin-bottom: 0;
    }
    .sb2 {
        width: 100%;
        margin: 0 auto;
    }
    .lascartas .thumbnail {
        width: 30vw;
        height: 20vh;
        /*        height: auto;*/
    }
	.tarotistaThum{
		 height: 30vh !important;
	}
    .lascartas .thumbnail img {
        height: 100%;
    }
    .categorias .btn-face {
        width: 100%;
    }
    .categorias .btn-tw {
        width: 100%;
    }
    .producto-listado {
        min-height: 700px;
    }
}

@media (min-width:993px) and (max-width:1024px) {
    /*
    .box-text-btn {
    margin-left: auto;
    margin-right: auto;
    top: 100px;
    right: 0;
    left: 0;
}
    .redes {
    margin-bottom: 0;
}
    */
    .rituales .consulta form {
        padding-left: 0;
    }
    .lascartas .thumbnail {
        width: 120px;
        height: 120px;
    }
    .img-responsive {
        display: block;
        max-width: 100% !important;
        height: auto;
    }
    .sb2 {
        width: 100%;
        margin: 0 auto;
        margin-left: -100px;
    }
    .homesb {
        margin-left: 0px;
    }
    .categorias .btn-face {
        width: 70%;
    }
    .categorias .btn-tw {
        width: 70%;
    }
}

@media (min-width:1025px) and (max-width:1300px) {
    .sb2 {
        width: 100%;
        margin: 0 auto;
        margin-left: -150px;
    }
    .nav>li>a {
        padding: 25px 0px !important;
    }
    ul.nav.navbar-nav li a:hover:first-child:hover {
        background-color: transparent !important;
    }
    .homesb {
        margin-left: 0px;
    }
    .categorias .btn-face {
        width: 70%;
    }
    .categorias .btn-tw {
        width: 70%;
    }
}

@media (min-width:1301px) {
/*
    #navegacion-home ul.nav.navbar-nav,
    .navgeneral ul.nav.navbar-nav {
        margin-top: 5px;
    }
*/
}

@media (min-width:992px) {
    .jqTransformSelectWrapper {
        width: 270px !important
    }
    .jqTransformSelectWrapper ul {
        width: 332px !important;
        left: -63px !important;
    }
    .titulo {
        padding-right: 96px;
    }
}

@media (min-width: 320px) and (max-width:373px) and (orientation: portrait) {
    .signos .aries {
        background-image: url("../img/signos/aries.png");
        width: 100px;
        height: 100px;
        float: left;
        margin-right: 0;
        margin-top: 0;
        background-size: cover;
    }
    .signos .leo {
        background-image: url("../img/signos/leo.png");
        width: 100px;
        height: 100px;
        float: left;
        margin-right: 0;
        margin-top: 0;
        background-size: cover;
    }
    .signos .sagitario {
        background-image: url("../img/signos/sagi.png");
        width: 100px;
        height: 100px;
        float: left;
        margin-right: 0;
        margin-top: 0;
        background-size: cover;
    }
    .signos .tauro {
        background-image: url("../img/signos/tauro.png");
        width: 100px;
        height: 100px;
        float: left;
        margin-right: 0;
        margin-bottom: 0;
        background-size: cover;
    }
    .signos .capricornio {
        background-image: url("../img/signos/capri.png");
        width: 100px;
        height: 100px;
        float: left;
        background-size: cover;
    }
    .signos .acuario {
        background-image: url("../img/signos/acua.png");
        width: 100px;
        height: 100px;
        float: left;
        background-size: cover;
    }
    .signos .geminis {
        background-image: url("../img/signos/gemi.png");
        width: 100px;
        height: 100px;
        float: left;
        margin-right: 0;
        background-size: cover;
    }
    .signos .libra {
        background-image: url("../img/signos/libra.png");
        width: 100px;
        height: 100px;
        float: left;
        margin-bottom: 0;
        background-size: cover;
    }
    .signos .piscis {
        background-image: url("../img/signos/piscis.png");
        width: 100px;
        height: 100px;
        float: left;
        margin-top: 0;
        margin-bottom: 0;
        background-size: cover;
    }
    .signos .cancer {
        background-image: url("../img/signos/can.png");
        width: 100px;
        height: 100px;
        float: left;
        margin-right: 0;
        margin-top: 0;
        margin-bottom: 0;
        background-size: cover;
    }
    .signos .escorpio {
        background-image: url("../img/signos/esco.png");
        width: 100px;
        height: 100px;
        float: left;
        margin-top: 0;
        margin-bottom: 0;
        background-size: cover;
    } .signos .virgo {
        background-image: url("../img/signos/virgo.png");
        width: 100px;
        height: 100px;
        float: left;
        margin-top: 0;
        margin-bottom: 0;
        background-size: cover;
    }
}

@media (min-width: 374px) and (max-width:414px) and (orientation: portrait) {
    .horosline span {
        margin-top: 14%;
    }
    .thumbnail-perfil {
        height: 270px;
    }
    .signos .aries {
        background-image: url("../img/signos/aries.png");
        width: 130px;
        height: 130px;
        float: left;
        margin-right: 0;
        margin-top: 0;
        background-size: cover;
    } .signos .virgo {
        background-image: url("../img/signos/virgo.png");
        width: 130px;
        height: 130px;
        float: left;
        margin-right: 0;
        margin-top: 0;
        background-size: cover;
    }
    .signos .leo {
        background-image: url("../img/signos/leo.png");
        width: 130px;
        height: 130px;
        float: left;
        margin-right: 0;
        margin-top: 0;
        background-size: cover;
    }
    .signos .sagitario {
        background-image: url("../img/signos/sagi.png");
        width: 130px;
        height: 130px;
        float: left;
        margin-right: 0;
        margin-top: 0;
        background-size: cover;
    }
    .signos .tauro {
        background-image: url("../img/signos/tauro.png");
        width: 130px;
        height: 130px;
        float: left;
        margin-right: 0;
        margin-bottom: 0;
        background-size: cover;
    }
    .signos .capricornio {
        background-image: url("../img/signos/capri.png");
        width: 130px;
        height: 130px;
        float: left;
        background-size: cover;
    }
    .signos .acuario {
        background-image: url("../img/signos/acua.png");
        width: 130px;
        height: 130px;
        float: left;
        background-size: cover;
    }
    .signos .geminis {
        background-image: url("../img/signos/gemi.png");
        width: 130px;
        height: 130px;
        float: left;
        margin-right: 0;
        background-size: cover;
    }
    .signos .libra {
        background-image: url("../img/signos/libra.png");
        width: 130px;
        height: 130px;
        float: left;
        margin-bottom: 0;
        background-size: cover;
    }
    .signos .piscis {
        background-image: url("../img/signos/piscis.png");
        width: 130px;
        height: 130px;
        float: left;
        margin-top: 0;
        margin-bottom: 0;
        background-size: cover;
    }
    .signos .cancer {
        background-image: url("../img/signos/can.png");
        width: 130px;
        height: 130px;
        float: left;
        margin-right: 0;
        margin-top: 0;
        margin-bottom: 0;
        background-size: cover;
    }
    .signos .escorpio {
        background-image: url("../img/signos/esco.png");
        width: 130px;
        height: 130px;
        float: left;
        margin-top: 0;
        margin-bottom: 0;
        background-size: cover;
    }
}

@media (min-width: 374px) and (max-width:737px) and (orientation: landscape) {
    .signos .aries {
        background-image: url("../img/signos/aries.png");
        width: 150px;
        height: 150px;
        float: left;
        margin-right: 0;
        margin-top: 0;
        background-size: cover;
    } .signos .virgo {
        background-image: url("../img/signos/virgo.png");
        width: 150px;
        height: 150px;
        float: left;
        margin-right: 0;
        margin-top: 0;
        background-size: cover;
    }
    .signos .leo {
        background-image: url("../img/signos/leo.png");
        width: 150px;
        height: 150px;
        float: left;
        margin-right: 0;
        margin-top: 0;
        background-size: cover;
    }
    .signos .sagitario {
        background-image: url("../img/signos/sagi.png");
        width: 150px;
        height: 150px;
        float: left;
        margin-right: 0;
        margin-top: 0;
        background-size: cover;
    }
    .signos .tauro {
        background-image: url("../img/signos/tauro.png");
        width: 150px;
        height: 150px;
        float: left;
        margin-right: 0;
        margin-bottom: 0;
        background-size: cover;
    }
    .signos .capricornio {
        background-image: url("../img/signos/capri.png");
        width: 150px;
        height: 150px;
        float: left;
        background-size: cover;
    }
    .signos .acuario {
        background-image: url("../img/signos/acua.png");
        width: 150px;
        height: 150px;
        float: left;
        background-size: cover;
    }
    .signos .geminis {
        background-image: url("../img/signos/gemi.png");
        width: 150px;
        height: 150px;
        float: left;
        margin-right: 0;
        background-size: cover;
    }
    .signos .libra {
        background-image: url("../img/signos/libra.png");
        width: 150px;
        height: 150px;
        float: left;
        margin-bottom: 0;
        background-size: cover;
    }
    .signos .piscis {
        background-image: url("../img/signos/piscis.png");
        width: 150px;
        height: 150px;
        float: left;
        margin-top: 0;
        margin-bottom: 0;
        background-size: cover;
    }
    .signos .cancer {
        background-image: url("../img/signos/can.png");
        width: 150px;
        height: 150px;
        float: left;
        margin-right: 0;
        margin-top: 0;
        margin-bottom: 0;
        background-size: cover;
    }
    .signos .escorpio {
        background-image: url("../img/signos/esco.png");
        width: 150px;
        height: 150px;
        float: left;
        margin-top: 0;
        margin-bottom: 0;
        background-size: cover;
    }
}

@media (min-width: 568px) and (max-width:737px) and (orientation: landscape) {
    .horosline span {
        margin-top: 0;
        margin-left: -17%;
        padding-top: 30%;
    }
    .textogeneral h2 {
        font-size: 48px;
      /*   margin-top: 16%; */
    }
    .thumbnail-perfil {
        height: 450px;
    }
}

@media (min-width:738px) and (max-width:1024px) and (orientation: landscape) {
    .horosline span {
        margin-top: 30%;
    }
    .hidden-sm #escoge,
    #seleccionatiempo,
    #pasarela {
        height: 0;
        opacity: 0;
    }
    .thumbnail-perfil {
        height: 270px;
    }
    .signos .aries {
        background-image: url("../img/signos/aries.png");
        width: 200px;
        height: 200px;
        float: left;
        margin-right: 0;
        margin-top: 0;
        background-size: cover;
    }.signos .virgo {
        background-image: url("../img/signos/virgo.png");
        width: 200px;
        height: 200px;
        float: left;
        margin-right: 0;
        margin-top: 0;
        background-size: cover;
    }
    .signos .leo {
        background-image: url("../img/signos/leo.png");
        width: 200px;
        height: 200px;
        float: left;
        margin-right: 0;
        margin-top: 0;
        background-size: cover;
    }
    .signos .sagitario {
        background-image: url("../img/signos/sagi.png");
        width: 200px;
        height: 200px;
        float: left;
        margin-right: 0;
        margin-top: 0;
        background-size: cover;
    }
    .signos .tauro {
        background-image: url("../img/signos/tauro.png");
        width: 200px;
        height: 200px;
        float: left;
        margin-right: 0;
        margin-bottom: 0;
        background-size: cover;
    }
    .signos .capricornio {
        background-image: url("../img/signos/capri.png");
        width: 200px;
        height: 200px;
        float: left;
        background-size: cover;
    }
    .signos .acuario {
        background-image: url("../img/signos/acua.png");
        width: 200px;
        height: 200px;
        float: left;
        background-size: cover;
    }
    .signos .geminis {
        background-image: url("../img/signos/gemi.png");
        width: 200px;
        height: 200px;
        float: left;
        margin-right: 0;
        background-size: cover;
    }
    .signos .libra {
        background-image: url("../img/signos/libra.png");
        width: 200px;
        height: 200px;
        float: left;
        margin-bottom: 0;
        background-size: cover;
    }
    .signos .piscis {
        background-image: url("../img/signos/piscis.png");
        width: 200px;
        height: 200px;
        float: left;
        margin-top: 0;
        margin-bottom: 0;
        background-size: cover;
    }
    .signos .cancer {
        background-image: url("../img/signos/can.png");
        width: 200px;
        height: 200px;
        float: left;
        margin-right: 0;
        margin-top: 0;
        margin-bottom: 0;
        background-size: cover;
    }
    .signos .escorpio {
        background-image: url("../img/signos/esco.png");
        width: 200px;
        height: 200px;
        float: left;
        margin-top: 0;
        margin-bottom: 0;
        background-size: cover;
    }
}

@media (min-width:768px) and (orientation: portrait) {
    .horosline span {
        margin-top: 27%;
    }
    .hidden-sm #escoge2,
    #seleccionatiempo2,
    #pasarela2 {
        height: 0;
        opacity: 0;
    }
    .textogeneral h2 {
        margin-top: 4%;
    }
    .box-text-btn {
        width: 60%;
        top: 150px;
    }
    .btnonline {
        font-size: 14px;
        padding-top: 6px;
        padding-bottom: 6px;
        border-radius: 20px;
        padding-left: 10px;
        padding-right: 10px;
        letter-spacing: 3px !important;
        font-family: 'Roboto Condensed', sans-serif;
        font-weight: 300;
        font-style: normal;
    }
    .thumbnail-perfil {
        height: 550px;
    }
    .infotext {
        display: none;
    }
    .signos .aries {
        background-image: url("../img/signos/aries.png");
        width: 170px;
        height: 170px;
        float: left;
        margin-right: 0;
        margin-top: 0;
        background-size: cover;
    }.signos .virgo {
        background-image: url("../img/signos/virgo.png");
        width: 170px;
        height: 170px;
        float: left;
        margin-right: 0;
        margin-top: 0;
        background-size: cover;
    }
    .signos .leo {
        background-image: url("../img/signos/leo.png");
        width: 170px;
        height: 170px;
        float: left;
        margin-right: 0;
        margin-top: 0;
        background-size: cover;
    }
    .signos .sagitario {
        background-image: url("../img/signos/sagi.png");
        width: 170px;
        height: 170px;
        float: left;
        margin-right: 0;
        margin-top: 0;
        background-size: cover;
    }
    .signos .tauro {
        background-image: url("../img/signos/tauro.png");
        width: 170px;
        height: 170px;
        float: left;
        margin-right: 0;
        margin-bottom: 0;
        background-size: cover;
    }
    .signos .capricornio {
        background-image: url("../img/signos/capri.png");
        width: 170px;
        height: 170px;
        float: left;
        background-size: cover;
    }
    .signos .acuario {
        background-image: url("../img/signos/acua.png");
        width: 200px;
        height: 200px;
        float: left;
        background-size: cover;
    }
    .signos .geminis {
        background-image: url("../img/signos/gemi.png");
        width: 170px;
        height: 170px;
        float: left;
        margin-right: 0;
        background-size: cover;
    }
    .signos .libra {
        background-image: url("../img/signos/libra.png");
        width: 170px;
        height: 170px;
        float: left;
        margin-bottom: 0;
        background-size: cover;
    }
    .signos .piscis {
        background-image: url("../img/signos/piscis.png");
        width: 170px;
        height: 170px;
        float: left;
        margin-top: 0;
        margin-bottom: 0;
        background-size: cover;
    }
    .signos .cancer {
        background-image: url("../img/signos/can.png");
        width: 170px;
        height: 170px;
        float: left;
        margin-right: 0;
        margin-top: 0;
        margin-bottom: 0;
        background-size: cover;
    }
    .signos .escorpio {
        background-image: url("../img/signos/esco.png");
        width: 170px;
        height: 170px;
        float: left;
        margin-top: 0;
        margin-bottom: 0;
        background-size: cover;
    }
}

@media (min-width:1281px) {
    #navegacion-home ul.nav.navbar-nav li{
        padding-top: 5px;
    }
    .mb-80 {
        margin-bottom: 20px;
    }
    .bx-viewport {
        height: 83vh !important;
    }
    .lity-iframe .lity-container, .lity-youtube .lity-container, .lity-vimeo .lity-container, .lity-facebookvideo .lity-container, .lity-googlemaps .lity-container{
        max-width: 780px !important;
    }
}@media (min-width:1900px) {

    .bx-viewport {
        height: 86vh !important;
    }
}