@media screen and (max-width: 1107px) {
	.con1{
		padding-right: 1rem;
	}
}


@media screen and (max-width: 1096px) {
	
	.box{
		width: 160px;
		transition: all 1s !important;
	}
	
	.slide-img{
		height: 190px;
		transition: all 1s;
	}
	
	.owl-carousel.owl-loaded {
		margin-left: 10px;
		transition: all 1s;
	}
	
	.img-calendario img {
		width: 80%;
		transition: all 1s;
	}
	
}

@media screen and (max-width: 1042px) {
	
	.box{
		margin: 5px;
		transition: all 1s ;
	}
	
	.con2{
		margin-left: 10px;
	}
	
}


@media screen and (max-width: 1047px) {
	
	.vivos .car-vivos:last-of-type{
		display: none;
		transition: all 1s;
	}
	
}

@media screen and (max-width: 999px) {
	
	.contenido{
		padding-left: 20px;
    	padding-right: 20px;
		margin-top: 20px;
		transition: all 1s;
	}
	
	.con1{
		padding-right: 5px;
		transition: all 1s;
	}
	
	.owl-carousel.owl-loaded {
		margin-left: 30px;
		transition: all 1s;
		width: 630px;
	}
	
	.car-vivos{
		width: 150px;
    	height: 150px;
		transition: all 1s;
	}
	
	.car-vivos img {
		height: 110px;
		transition: all 1s;
	}
	
	.vivos .car-vivos:last-of-type{
		display: block;
		transition: all 1s;
	}
	
}

@media screen and (max-width: 1042px){
	.box {
		margin: 4px;
		transition: all 1s;
	}
}

@media screen and (max-width: 981px) {
	
	.myslide{
		height: 350px;
		transition: all 1s;
	}
	
	.txt{
		top: 40%;
		transition: all 1s;
	}
	
	.menu{
		height: 150px;
		transition: all 1s;
	}
	
	.fixed {
		height: 70px;
	}
	
	.sombra{
		height: 200px;
		margin-top: -200px;
		transition: all 1s;
	}
	
	.text-reciente{
		white-space: normal;
		transition: all 1s;
	}
	
	.text-reciente h3 {
		font-weight: 600;
		font-size: 14px;
		transition: all 1s;
	}
	
	.box {
		margin: 8px;
		width: 140px;
		transition: all 1s !important;
	}
	
	.slide-img {
		height: 170px;
		transition: all 1s;
	}
	
	.type{
		font-size: 14px;
		transition: all 1s;
	}
	
	.type span {
		white-space: normal;
		font-size: xx-small;
		transition: all 1s;
	}
	
	.owl-carousel.owl-loaded {
		margin-left: 30px;
		transition: all 1s;
	}
	
	.owl-theme .owl-nav [class*=owl-] {
		margin-top: -170px !important;
	}
}

@media screen and (max-width: 970px) {
	
	.nombre_g {
		padding-bottom: 6px;
		transition: all 1s;
	}
	
	.nombre_g h2 {
    	font-size: x-large;
		line-height: normal;
		transition: all 1s;
	}
	
	.Button {
    	line-height: normal;
		transition: all 1s;
	}
	
	.buscador {
		display: none;
	}
	
	.buscador2{
		display: flex;
	}
	
	.menu{
		opacity: 1;
	}
	
	.login2{
		display: flex;
	}
    
    .registrar_login{
        display: flex;
    }
	
	.popup-close{
		top: -16px !important;
    	right: 5px !important;
		font-size: 50px !important;
	}	
	
}

@media screen and (max-width: 965px) {
	
	.owl-stage-outer {
		width: 620px;
		margin-left: 10px;
		transition: all 1s;
	}
	
	.owl-carousel.owl-theme.owl-loaded.owl-drag {
		margin-left: 10px;
		transition: all 1s;
		width: 620px;
	}
	
	.img-calendario img {
		width: 90%;
		transition: all 1s;
	}
	
}

@media screen and (max-width: 910px) {
	.owl-carousel.owl-theme.owl-loaded.owl-drag {
		margin-left: 10px;
		transition: all 1s;
		width: 600px;
	}
}

@media screen and (max-width: 908px) {
	.box {
		margin: 4px;
		transition: all 1s;
	}
}

@media screen and (max-width: 889px) {
	
	.box {
    	margin: 5px;
		transition: all 1s;
	}

}

@media screen and (max-width: 857px) {
	
	.box {
    	margin: 4px;
		transition: all 1s;
	}

}

@media screen and (max-width: 886px) {
	
	.owl-stage-outer {
		width: 600px;
		margin-left: 30px;
		transition: all 1s;
	}

}

@media screen and (max-width: 856px) {
	
	.contenido {
		flex-direction: column-reverse;
		transition: all 1s;
	}
	
	.con1, .con2{
		width: 100%;
		transition: all 1s;
	}
	
	.box {
    	margin: 10px;
		transition: all 1s;
	}

	.pelicula .box:last-of-type{
		display: none;
		transition: all 1s;
	}
	
	.con-elem {
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		justify-content: space-evenly;
		transition: all 1s;
	}
	
	.lo-reciente {
		width: 240px;
		transition: all 1s;
		margin: 5px;
	}
	
	.d_usuario{
		display: none;
		transition: all 1s;
	}
	
	.d_usuario2{
		display: block;
	}
	
	.owl-carousel.owl-theme.owl-loaded.owl-drag {
		margin-left: 26px;
		transition: all 1s;
		width: 95%;
	}
	
	.owl-stage-outer {
		width: 100%;
		margin-left: 0px;
		transition: all 1s;
	}
	
	.table-bordered {
		margin-top: 20px;
		margin-bottom: 20px;
	}
	
	.img-calendario {
		display: none;
		transition: all 1s;
	}
	
}

@media screen and (max-width: 847px) {
	
	.vivos .car-vivos:last-of-type{
		display: none;
		transition: all 1s;
	}
	
	.vivos2 {
		width: 100%;
		display: flex;
		justify-content: space-evenly;
		align-items: center;
		flex-wrap: wrap;
	}
	
	
}


@media screen and (max-width: 799px) {

	.lo-reciente {
		width: 300px;
		transition: all 1s;
		margin: 5px;
	}

}


@media screen and (max-width: 771px) {
	
	.owl-carousel.owl-theme.owl-loaded.owl-drag {
		margin-left: 10px;
		transition: all 1s;
		width: 98%;
		
	}
	
	.table-bordered {
		margin-top: 20px;
		margin-bottom: 20px;
		font-size: 13px;
	}
	
}


@media screen and (max-width: 759px) {

	.lo-reciente {
		width: 240px;
		transition: all 1s;
		margin: 5px;
	}

}


@media screen and (max-width: 724px) {

	.lista_vivo_c {
		margin: 5px;
	}
	
}

@media screen and (max-width: 699px) {
	
	.owl-carousel.owl-theme.owl-loaded.owl-drag {
		margin-left: 30px;
		transition: all 1s;
		width: 95%;
	}
	
	.owl-stage-outer {
		width: 100%;
		margin-left: 10px;
		transition: all 1s;
	}
	
	.pelicula .box:last-of-type{
		display: block;
		transition: all 1s;
	}
	
}

@media screen and (max-width: 684px) {
	
	.box {
		margin: 5px;
		transition: all 1s;
	}
	
	.owl-carousel.owl-theme.owl-loaded.owl-drag {
		margin-left: 20px;
		transition: all 1s;
		width: 95%;
	}
	
	.car-vivos {
		width: 120px;
		height: 120px;
		transition: all 1s;
	}
	
	.car-vivos img {
		height: 80px;
		transition: all 1s;
	}
	
	.container-fluid {
		width: 98%;
		transition: all 1s;
	}
	

}

@media screen and (max-width: 644px) {
	
	.box {
		margin: 4px;
		transition: all 1s;
	}
	
}

@media screen and (max-width: 636px) {
	
	.box {
		margin: 5px;
		transition: all 1s;
	}
	
	.pelicula .box:last-of-type{
		display: none;
		transition: all 1s;
	}
	
	.owl-stage-outer {
		width: 100%;
		margin-left: 0px;
		transition: all 1s;
	}
	
	.lo-reciente {
		width: 240px;
		transition: all 1s;
	}
	
	.modal{
		min-width: 80% !important;
	}
	
	.contenido {
		padding-left: 10px;
		padding-right: 10px;
	}
	
	.owl-stage-outer {
		width: 100%;
		margin-left: 10px;
		transition: all 1s;
	}
	
}

@media screen and (max-width: 624px) {
	
	.box {
    	margin: 4px;
	}
	
	.table-bordered {
		margin-top: 20px;
		margin-bottom: 20px;
		font-size: 13px;
	}
	
}

@media screen and (max-width: 616px) {
	
	.paginacion {
    	margin-bottom: 20px;
		transition: all 1s;
	}
	
	.paginacion a {
		padding: 5px 13px;
		transition: all 1s;
	}
	
}

@media screen and (max-width: 562px) {
    
    .tabla_td{
        border-left: 0px solid;
    }
    
    .tabla_tr{
        flex-direction: column-reverse;
        margin-bottom: 10px;
        border-bottom: 1px solid #55a1da;
        border-radius: 10px;
    }
    
    .grupo1 {
        border-top: 1px solid #ddd;
        border-right: 1px solid #ddd;
        border-bottom: 1px solid #ddd;
        margin-bottom: 00px;
        border-radius: 0px 0px 10px 10px;
    }
    
    .grupo2 {
        border-top: 1px solid #ddd;
        border-radius: 10px 10px 0px 0px;
    }
    
    .grupo1, .grupo2{
        width: 100%;
    }
    
    .t_th_3{
        border-radius: 10px 0px 0px 0px;
        border-left: 0px solid;
    }
    
    .t_th_1{
        border-radius: 0px 0px 0px 10px;
        border-left: 0px solid;
    }

    .t_th_2{
        border-radius: 0px 0px 10px 0px;
        border-left: 1px solid #ddd;
    }
    
    .t_th_4{
        border-left: 1px solid #ddd;
    }
    
    .t_th_5{
        border-radius: 0px 10px 0px 0px;
        border-left: 1px solid #ddd;
    }
    
    .grupo1 img{
        width: 50px;
        height: 50px;
    }
    
}

@media screen and (max-width: 551px) {
	
	.con2 {
		margin-left: 0px;
	}
	
	.vivos .car-vivos:last-of-type{
		display: block;
		transition: all 1s;
	}
	
	.alert-info2{
		display: block;
	}
	
	
}

@media screen and (max-width: 546px) {
	
	.owl-carousel.owl-theme.owl-loaded.owl-drag {
		margin-left: 9px;
		transition: all 1s;
		width: 98%;
	}
	
	.vivos .car-vivos:last-of-type{
		display: block;
		transition: all 1s;
	}
	
	.lo-reciente {
		width: 240px;
		transition: all 1s;
	}
	
	.lista_vivo_c {
		margin: 4px;
	}
	
	.table_vivos {
		width: 100%;
		overflow-x: scroll;
		
	}
	
	.table_vivos::-webkit-scrollbar {
    	width: 4px;     /* Tamaño del scroll en vertical */
		height: 4px;
	}
	
	.lista_vivo_c {
		margin: 3px;
		transition: all 1s;
	}
	
}

@media screen and (max-width: 545px) {
	
	.owl-carousel.owl-theme.owl-loaded.owl-drag {
		margin-left: 14px;
		transition: all 1s;
		width: 95%;
	}

	.owl-stage-outer {
		width: 100%;
		margin-left: 30px;
		transition: all 1s;
	}
	
	.lo-reciente {
		width: 220px;
		transition: all 1s;
		margin: 5px;
	}
	
}

@media screen and (max-width: 528px) {
	
	.lista_vivo_c {
		margin: 2px;
		transition: all 1s;
	}
	
}

@media screen and (max-width: 524px) {
	
	.box {
		margin: 5px;
		transition: all 1s;
	}
	
}

@media screen and (max-width: 524px) {
	
	.myslide {
		height: 300px;
		transition: all 1s;
	}
	
	.lo-reciente {
		width: 220px;
		transition: all 1s;
		margin: 2px;
	}
}

@media screen and (max-width: 528px) {
	
	.lista_vivo_c {
		margin: 9px;
		transition: all 1s;
	}
	
}

@media screen and (max-width: 364px) {
    
    .grupo2 {
        display: block;
    }
    
    .t_th_3, .t_th_4{
        float: left;
    }
    
    .t_th_3 {
        width: 60%;
    }
    
    .t_th_4 {
        width: 25%;
    }
    
    .t_th_5 {
        width: 96%;
        border-top: 1px solid #ddd;
        border-radius: 0px;
        border-left: 0px solid;
    }
    
}

@media screen and (max-width: 497px){
	.lo-reciente {
		width: 200px;
		transition: all 1s;
		margin: 2px;
	}
	
	.con2 {
		 padding-left: 0px;
		 padding-right: 0px;
	}
	
	.box {
		margin: 4px;
		transition: all 1s;
	}
	
	.pelicula .box:last-of-type{
		display: none;
		transition: all 1s;
	}
	
	
}

@media screen and (max-width: 497px){
	
	.pelicula .box:last-of-type{
		display: none;
		transition: all 1s;
	}
	
	.box {
		margin: 5px;
		transition: all 1s;
	}
	
	.titulo2 h2 {
		font-size: 25px;
	}
	
}

@media screen and (max-width: 474px){
	.box {
		margin: 3px;
		transition: all 1s;
	}
}

@media screen and (max-width: 438px) {
	
	.lista_vivo_c {
		margin: 5px;
		transition: all 1s;
	}
	
}

@media screen and (max-width: 458px){
	.box {
		margin: 10px;
		transition: all 1s;
	}
	
	.pelicula .box:last-of-type{
		display: block;
		transition: all 1s;
	}
	
}

@media screen and (max-width: 447px){
	
	.con2 {
		padding-left: 5px;
		padding-right: 5px;
	}
	
	.con-elem {
		display: block;
	}
	
	.lo-reciente {
    	width: 100%;
		margin: 5px;
	}
	
	.owl-stage-outer {
		width: 100%;
		margin-left: 10px;
	}
	
}

@media screen and (max-width: 437px){
	
	.vivos .car-vivos:last-of-type{
		display: none;
		transition: all 1s;
	}
	
	.titulo2 h2 {
	   font-size: 20px;
	}
	
	.owl-stage-outer {
		width: 100%;
		margin-left: 0px;
	}
	
}

@media screen and (max-width: 438px) {
	
	.lista_vivo_c {
		margin: 2px;
		transition: all 1s;
	}
	
}

@media screen and (max-width: 383px) {
	
	.nombre_g h2 {
		font-size: 25px;
	}
	
	.nombre_g .Button {
		height: 30px;
		margin-right: 10px;
	}
	
}


@media screen and (max-width: 396px) {
	
	.lista_vivo_c {
		margin: 5px;
		transition: all 1s;
	}
	
}

@media screen and (max-width: 390px) {
	
	.login2{
		display: none;
	}
	
	.popup {
		top: 0;
		left: 0;
		opacity: 1;
		transform: none;
		width: 100%;
		border-radius: 0;
		position: absolute;
		margin-top: 300px;
	}
	
	body.showLoginForm .popup {
		top: 0;
		opacity: 1;
		transform: none;
	}
	
	.popup .form .avatar {
		margin: 30px 0px 0px;
		text-align: center;
	}
	
	.popup .form .avatar img {
		width: 120px;
		border-radius: 50%;
		margin-top: 10px;
	}
	
	.popup .cabeza {
		display: none;
	}
	
	.menu {
		height: 120px;
		transition: all 1s;
	}
	
	.fixed {
		height: 70px;
	}

	.sombra {
		height: 120px;
		margin-top: -120px;
		transition: all 1s;
	}
	
	.si_login{
		display: none;
	}

	.no_login {
		display: none;
		transition: all 1s;
	}
	
	.pagos img{
		width: 95%;
		transition: all 1s;
	}

	.wrapper .logo a {
    	font-size: 25px;
		transition: all 1s;
	}
	
	.buscador2 {
    	margin-right: 61px;
		transition: all 1s;
	}
	
}


@media screen and (max-width: 364px){
	
	.box {
		margin: 5px;
		transition: all 1s;
	}
	
}

@media screen and (max-width: 364px){

	.Button.loadmore{
		font-size: 14px;
	}
	
	.owl-carousel.owl-theme.owl-loaded.owl-drag {
		margin-left: 10px;
		transition: all 1s;
		width: 96%;
	}
	
}

@media screen and (max-width: 344px){
	
	.box {
    	margin: 3px;
	}
	
	.Button.loadmore{
		font-size: 13px;
	}
	
	.titulo2 h2 {
		font-size: 19px;
	}
	
	.sm{
		font-size: 11px;
		text-transform: uppercase;
		font-weight: 500;
	}
	
}


@media screen and (max-width: 336px){
	
	.box {
    	margin: 2px;
	}
	
}

@media screen and (max-width: 332px){
	
	.owl-carousel.owl-theme.owl-loaded.owl-drag {
		margin-left: 20px;
		transition: all 1s;
		width: 90%;
	}
	
	.owl-stage-outer {
		width: 80%;
		margin-left: 55px;
	}
	
	.box {
		margin: 10px;
		width: 120px;
		transition: all 1s !important;
	}
	
	.slide-img {
		height: 150px;
		transition: all 1s;
	}
	
	.Button.loadmore {
		font-size: 12px;
		padding: .3rem 1rem;
	}
	
	.type span {
		transition: all 1s;
		white-space: nowrap;
		overflow: hidden;
	}
	
}

@media screen and (max-width: 325px){
	
	.titulo2 h2 {
		font-size: 18px;
	}
	
	.nombre_g .Button {
		height: 30px;
		margin-right: 10px;
		font-size: 10px;
	}

}

@media screen and (max-width: 324px){
	
	.box {
		margin: 5px;
		width: 120px;
		transition: all 1s !important;
	}
	
}

@media screen and (max-width: 324px){
	
	.box {
		margin: 2px;
		width: 120px;
		transition: all 1s !important;
	}
	
}

@media screen and (max-width: 315px){
	
	.titulo2 h2 {
		font-size: 15px;
	}

}

@media screen and (max-width: 307px){
	
	.car-vivos {
		margin: 3px;
	}
	
	.vivo-p{
		padding-left: 1rem;
    	padding-right: 1rem;
	}

}

@media screen and (max-width: 292px){
	
	.contenido {
		padding-left: 10px;
		padding-right: 10px;
	}
	
	.tap{
		font-size: 12px;
	}
}

@media screen and (max-width: 292px){
	.car-vivos {
		margin: 1px;
	}
}

@media screen and (min-width: 1600px){
    
	body.showLoginForm .popup {
        top: 28%;
    }
    
    .popup .cabeza {
        padding: 10px 0px 10px 0px;
    }
    
    .popup .form .avatar {
        margin: 10px 0px 10px;
        text-align: center;
    }
    
    .popup .form .avatar img {
        width: 90px;
        border-radius: 0%;
    }
    
    .cabeza .icon-user {
        width: 2.55rem;
        height: 2.55rem;
        line-height: 3.0rem;
    }
    
}