<!-- start Simple Custom CSS and JS -->
<style type="text/css">
/**********************querie768***************************************************/



@media screen and (max-width: 768px){
    .innerwrap{
        width: 100%;
        /* display: flex; */
    }
    #barra{
        width: 100%;
        display: flex;
        margin: 0;
        padding: 0;
    }
.outer-wrapper{
	div#header\ wdev.outer{
			width:100%;
			img{
				width:100%;
			}
		}
    width:100;
    /* display: flex; */
    #header.outer{
    width:100%;
    img{
		width:100%;
       
    }
}
    .home_header_search{
    width:100%;
    height: auto;
    }
    #topside{
    width:100%;
        .entradas{
        height: 100%!important;
    display: inline-flex;
    flex-wrap: wrap;
    margin-top: 0rem;
			width:100%
        }
    }
    ul#menu{
    	width: 100%;
		height: 100%;
		display: flex;
		flex-wrap: wrap;
		flex-direction: column;
		justify-content: center;
			li{
				padding: 0.3rem;
    			margin: 0;
				a{
					padding:0;
				}
				

		}
    }
    .post{
    display:flex;
    width: calc(100%/2);
    }
    div#contentwrap {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    width: 100%;
}
    .outer .postcont{
    width:100%;
    margin-right: 0;
    margin-left: 0;
    }
    #content{
    /* padding:5px; */
    width: 100%;
    }
    .fondosidebar{
    width:100%;
    /* display:flex; */
    /* justify-content: center; */
    }
    .fondosidebar .sideabr_related_posts{
        text-align: center;
    display: inline-flex;
    flex-wrap: wrap;
    justify-content: center;
    width: 100%;
        
        
    }
    .sideabr_related_posts
    center{
        width:100%;
        
    }
    .fondosidebar
    a.div_image_category {
        width: 100%;
    /* min-width: 160px; */
    display: flex;
    justify-content: center;
    }
    .juegos{
    justify-content: center;
    display: flex;
    flex-wrap: wrap;
    padding: 0rem;
        &.peliculas{
    ul{
                width: 100%;
            }
        ;
    width: 100%;
    }
    p{
            margin-top: 2rem;
    width: 100%;
        }
    ;
    width: 100%;
    }
    .titulocajas{
    width: 100%;
    margin: 0  0 1rem 0;
    text-align: center;
		display: block;
    }
    #footer{
    width:100%;
    padding: 0;
    margin: 0;
    }
    
	
	  div.outer{
		  width:100%;
        img{
            
        }
    ;
        /* margin-top: -30px; */
    }
           #contenidoz{
        width:100%;
        display: flex;
        justify-content: center;
               
        a{
            width:100%;
            img{
            width:100%;
        }
        ;
            display: flex;
        }
       
    }
    .mobile-menu {
        width: 100%;
    }
    .rightsector, div.rightsector{
        width:100%;
        margin-top: -50px;
    }
    div.outer .latest_program img {
        width: 20px;
} 

.juegos{
    &.peliculas{
        ul{
            li{
                display:flex;
                justify-content: space-between;
                a{
            width: 70%;
            text-align:left;
            justify-content: flex-start;
        }
                .metabox_bg_home{
                    width: 111px;
                    display: flex;
                    justify-content: space-evenly;
                    align-content: center;
                    align-items: center;
                }
            }
        }
        
    }
    p{
        a{
            width: 100%;
            max-width: 260px;
            img{
                max-width:100%;
            }
            
           
        }
    }
    a{
        display:flex;
        width: calc(100%/2);
        justify-content: center;
         img{
                max-width: 130px;
            }
    }
;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
	.fondosidebar{
		.recent_posts{
			display:inline-flex;
			flex-wrap: wrap;
			justify-content: center;
			a{
				width:calc(100%/3);
				img{
					max-width:130px;
				}
			}
		}
	}



       
       #footer_destacado{
           .f_portadas{
                .textwidget{
                    display:inline-flex;
                    width:100%;
                    flex-wrap: wrap;
                    .f_imagen{
                        width: calc(100%/3);
                        max-width: 100%;
                        a{
                    display: inline-flex;
                        width: 100%;
                        }
                        text-align: center;
                    }
                justify-content: center;
                padding: 0;
                }
                height: auto;
           }
       }
	
    }
    
}


@media screen and (max-width:768px){
	#fix-right:{
		padding-right:0px;
	}
}
/*****************************480px****************************/
@media screen and (max-width: 480px){
    .outer-wrapper{
		div#header\ wdev.outer{
			width:100%;
			img{
				width:100%;
			}
		}
/*         .post {
    width: 100%;
    } */
        .juegos{
            &.peliculas{
                ul{
                    li{
                       
    width: 100%;
}
                         .metabox_bg_home{
                        height: 24px;
                        width: 130px;
                        }
                    ;
                        justify-content: flex-start;
                        align-items: start;
                        flex-direction: column;
                        align-content: flex-start;
                    }
                }
            }
            a{
                width: 100%;
                img{
                    
                }
            }
            p{
                a{
                width:100%;
                max-width: 270px;
                    img{
                        width:100%;
                        max-width:100%;
                    }
            }
            }
            
        }
         #footer_destacado{
           .f_portadas{
                .textwidget{
                    display:inline-flex;
                    width:100%;
                    flex-wrap: wrap;
                    .f_imagen{
                        width: 100%;
                        max-width: 100%;
                        a{
                    display: inline-flex;
                    width: 60%;
                    margin: 0.2rem auto;
                    }
                        text-align: center;
                    }
                justify-content: center;
                padding: 0;
                }
                height: auto;
           }
       }
        
        .fondosidebar a.div_image_category{
            width:100%;
        }
        
    }
}

</style>
<!-- end Simple Custom CSS and JS -->
