@media screen and (max-width: 768px) {
	.h3,
	h3 {
		font-size: 14px;
	}
	.h6,
	h6 {
		font-size: 14px;
	}
	#sp-bottom {
		padding: 15px 0px;
	}
	#sp-bottom1 {
		padding-bottom: 10px;
	}
	#sp-bottom2 {
		padding-bottom: 10px;
	}
	#sp-bottom3 {
		padding-bottom: 10px;
	}
	#sp-user1 {
		#position: absolute;
	}
	#sp-position8 {
		width: 100%;
	}
	.funcionesAccesibles {
		text-align: center;
		margin-top: 15px;
	}
	#sp-position1 {
		float: left;
        width: 50%;
		height: 100px;
     clear:both;
	}
	#sp-position2 {
		float: right;
		width: 50%;
		height: 100px;
	}
	#sp-position3 {
		float: left;
		width: 50%;
      clear:both;
	}
	#sp-position4 {
		float: right;
		width: 50%;
	}
  #sp-position-15 {
    clear:both;
  }
    #not-pos1 {
    color: #8ed4f8 !important;
    }
	#pos1 {
		display: none !important;
	}
	#pos2 {
		display: none !important;
	}
	#pos3 {
		display: none !important;
	}
	#pos4 {
		display: none !important;
	}
	#rokajaxsearch input {
		width: 100%;
	}
	#roksearch_results {
		width: 290px !important;
	}
}
.offcanvas {
	width: 100%;
}
.offcanvas-menu {
	width: 100%;
}
.offcanvas-overlay {
	background-color: #ccc;
}