.onoffswitch {
    position: relative; width: 165px;
    -webkit-user-select:none; -moz-user-select:none; -ms-user-select: none;
}

.onoffswitch-label {
    overflow: hidden; 
}

.onoffswitch-inner {
    display: block; 
	width: 200%; 
	margin-left: 0%;
    transition: margin 0.3s ease-in 0s;
}

.onoffswitch-inner:before, .onoffswitch-inner:after {
    display: block; float: left; width: 50%; 
    color: white; 
}

.onoffswitch-inner:before {
    content: "OCULTAR CONTENIDO";
    padding-left: 2px;
    color: #FFFFFF;
}

.onoffswitch-inner:after {
    content: "VER CONTENIDO";
    padding-right: 25px;
    color: #FFFFFF;
    text-align: right;
}

.onoffswitch-switch {
    margin-left: -100%;
    transition: all 0.3s ease-in 0s; 
}

@media (max-width: 768px) {
	
	.onoffswitch-inner {
		display: block; 
		width: 200%; 
		margin-left: -100%;
		transition: margin 0.3s ease-in 0s;
	}
	
	.onoffswitch-switch {
		margin-left: 0%;
		transition: all 0.3s ease-in 0s; 
	}	
		
}