/************************************************************************************
smaller than 1170px
*************************************************************************************/
@media screen and (max-width: 1169px) {
	
	header div#logo,
	header.login div#logo {
    	width: 219px;
    }

	header nav#main ul li ul {
	    left: 0;
	}
	header nav#main ul {
	    margin-left: 70px;
	}

	header div.topcontact {
		font-size: 13px;
	}

	article div.featured {
	    width: 202px;
	}
	article div.block,
	article div.video-home {
	    width: 333px;
	    font-size: 12px;
	}
	article div.block h3,
	article div.video-home h3 {
	    font-size: 16px;
	}

	article {
		width: 727px;
	}

	div.oferta {
		width: 41%;
	}

	div.content-box div.box {
		width: 212px;
	}
	div.content-box div.box a.b {
		width: 174px;
	}

	.servicios div.content-box {
		width: auto;
	}
	/*.parent {
		margin-left: 12px !important;
	}*/

	article div.content,
	aside div.content {
	    width: 202px;
	}
	article div.content h3,
	aside div.content h3 {
		font-size: 18px;
	}
	article div.presupuesto img,
	article div.pago img {
	    width: 73px;
	}

	aside div.content {
	    margin: 0 auto 30px auto;
	    max-width: 324px;
	    width: 95%;
		float: none;
	}

	.bx-wrapper .bx-controls-direction a {
	    top: 62px;
	}

	header nav#main ul li{
		padding: 0;
	}
	header nav#main ul li a{
		font-size: 21px;
	}
	aside {
		width: 253px;
	}
	aside ul li.title h3 {
		font-size: 18px;
	}
	aside ul li a {
		padding: 5px 8px;
	}
	aside h3 {
	    font-size: 18px;
	}
	aside div.tiendas h3 {
	    font-size: 18px;
	}
	.bx-wrapper .bx-controls-direction a {
		margin-top: -23px;
	}

	#minimap {
		width: 644px;
	}

	.pdf {
	    height: 825px;
	    width: 555px;
	}
	/*.pdf1 {
		margin-left: 0 !important;
	}
	.pdf2 {
		margin-left: 90px !important;
	}*/

	div.banner-franquiciados {
		width: calc(33.33% - 16px);
	}

	footer div.content-foot {
		width: 980px;
	}

	footer div.content-foot div.txt {
		font-size: 12px;
	}
	footer div.content-foot ul li.trabaja {
		font-size: 13px;
	}
	footer div.content-foot nav ul li {
		font-size: 12px;
	}
}



/************************************************************************************
smaller than 980px
*************************************************************************************/
@media screen and (max-width: 979px) {

	.bx-wrapper {
		margin: 0 auto 30px auto;
		max-width: 857px !important;
	}

	header {
		width: 100%;
		height: auto;
		text-align: center;
		display: block;
		background-color: #ffffff;
		height: 95px;
	}
	header div.movil {
		display: block;
		width: 100%;
		position: absolute;
		text-align: center;
		margin-top: 36px;
		background-color: #ffffff;
		border-top: 1px solid #ddd;
		border-bottom: 4px solid #f5f5f5;
    	/*transition: border-color 0.4s ease-in-out 0s;*/
	}
	header div.movil.top {
		position: fixed;
		margin-top: -21px;
		z-index: 999;
		/*border-color: #f5f5f5;*/
	}
	header div#logo {
		width: 135px;
		height: auto;
		margin: 10px 0 10px 15px;
	}
	header.login div#logo {
		width: 135px;		
	}
	header div.social {
		position: absolute;
		top: -48px;
		left: 15px;
		margin: 0;
	}
	header div.social img {
		display: none;
	}
	.fa-stack-2x {
	    font-size: 1.8em;
	}
	.fa-twitter {
	    font-size: 20px;
	}
	.fa-facebook {
	    font-size: 20px;
	}
	.fa-google {
	    font-size: 18px;
	}
	.fa-map-marker {
	    left: 7px;
	    top: -1px;
	    font-size: 16px;
	}

	header .mnuLogin {
		display: block;
		position: absolute;
		top: -41px;
		right: 15px;
		font-size: 21px;
		color: #C7DB08;
		background-color: #F7F5F5;
		border: solid 2px #ddd;
		-webkit-border-radius: 50px;
		-moz-border-radius: 50px;
		border-radius: 50px;
		width: 35px;
		height: 35px;
		cursor: pointer;
		float: none;
	}

	header div.topcontact {
	    float: right;
    	margin: 27px 5px 0 0;
	    font-size: 22px;
	}
	header div.topcontact span {
		display: none;
	}

	header div.login {
		float: none;
		margin: 0;
		border-radius: 0;
		overflow: hidden;
		display: none;
		width: 100%;
		padding: 5px 0;
		border-right: none;
		border-left: none;
		z-index: 999;
		position: absolute;
		top: 100%;
	}
	header div.login form {
		width: 100%;
	}
	header div.login .form-group {
	    display: block;
	    float: none;
	    margin: 0 auto 10px;
	    width: 150px;
	}
	header div.login .text-acceso, header div.login .text-welcome  {
		float: none;
		text-align: center;
		margin: 0;
	}
	header div.login input.b {
		margin-left: 0;
	}


	header .mnuPrincipal {
		display: block;
		text-align: center;
		background-color: #007854;
		color: #FFFFFF;
		text-transform: uppercase;
		padding: 8px;
    	font-size: 14px;
    	cursor: pointer;
    	font-weight: bold;
	}
	header .mnuPrincipal .fa-align-justify {
		font-size: 14px;
		padding: 0 2px;
	}

	.mainMenu {
		float: right;
    	margin: 25px 16px 0 0;
	}

	nav#main {
		display: none;
	}
	#nav-icon {
		width: 29px;
		height: 26px;
		position: relative;
		margin: 0 auto;
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		transform: rotate(0deg);
		-webkit-transition: .5s ease-in-out;
		-moz-transition: .5s ease-in-out;
		-o-transition: .5s ease-in-out;
		transition: .5s ease-in-out;
		cursor: pointer;
		z-index: 99999;
	}
	#nav-icon span {
		display: block;
		position: absolute;
		height: 4px;
		width: 100%;
		background: #027855;
		border-radius: 9px;
		opacity: 1;
		left: 0;
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		transform: rotate(0deg);
		-webkit-transition: .25s ease-in-out;
		-moz-transition: .25s ease-in-out;
		-o-transition: .25s ease-in-out;
		transition: .25s ease-in-out;
	}
	#nav-icon span:nth-child(1) {
		top: 0px;
		-webkit-transform-origin: left center;
		-moz-transform-origin: left center;
		-o-transform-origin: left center;
		transform-origin: left center;
	}
	#nav-icon span:nth-child(2) {
		top: 9px;
		-webkit-transform-origin: left center;
		-moz-transform-origin: left center;
		-o-transform-origin: left center;
		transform-origin: left center;
	}
	#nav-icon span:nth-child(3) {
		top: 18px;
		-webkit-transform-origin: left center;
		-moz-transform-origin: left center;
		-o-transform-origin: left center;
		transform-origin: left center;
	}
	#nav-icon.open span:nth-child(1) {
		-webkit-transform: rotate(45deg);
		-moz-transform: rotate(45deg);
		-o-transform: rotate(45deg);
		transform: rotate(45deg);
		top: 0px;
		left: 3px;
		background: #ffffff;
	}
	#nav-icon.open span:nth-child(2) {
		width: 0%;
		opacity: 0;
	}
	#nav-icon.open span:nth-child(3) {
		-webkit-transform: rotate(-45deg);
		-moz-transform: rotate(-45deg);
		-o-transform: rotate(-45deg);
		transform: rotate(-45deg);
		top: 21px;
		left: 3px;
		background: #ffffff;
	}

	article div.block-featured,
	article div.block-content,
	article div.block-video {
	    max-width: 857px;
	    display: block;
	    margin: 0 auto;
	    overflow: hidden;
	}
	article div.featured {
	    width: 29%;
	    margin: 0 2% 30px 2%;
	}
	article div.block,
	article div.video-home {
	    width: 46%;
	    margin: 0 2% 30px 2%;
	}

	select.select {
    	width: 90%!important;
	}
	
	aside div.social {
	    display: none;
	}

	article {
		width: 100%;
		float: none;
		margin-top: 10px;
		margin-bottom: 10px;
	}
	section,
	div.content-login {
	    padding: 2rem 0;
	}
	aside {
		width: 100%;
		float: none;
		margin-bottom: 0;
	}

	.sep-header {
		display: none;
	}

	figure {
		display: inline-block;
	    float: none;
	    text-align: center;
	    margin: 0 0 30px 0;
	}
	figure img {
		margin: 0 auto;
	}

	.two-columns {
		-webkit-column-count: 1;
		-moz-column-count: 1;
		column-count: 1;
	}

	div.content-box .gallery {
	    margin: 0 1% 15px 1%;
	    width: 46%;
	    max-width: 185px;
	    box-sizing: border-box;
	}

	div.content-box div.box {
		margin: 0 10px 30px 0 !important;
	}
	div.content-box div.box:nth-child(3n+3) {
		margin: 0 10px 30px 0 !important;
	}

	.bx-wrapper .bx-prev {
	    left: 7px;
	}
	.bx-wrapper .bx-next {
	    right: 7px;
	}

	article section h2.noticias {
		margin-bottom: 20px;
	}
	article section div.filters {
	    margin-bottom: 40px;
	}
	article section div.filters input.datepicker {
	    float: left;
	    margin-right: 2px;
	    width: 120px;
	}

	section form.contacto input.txt, section form.contacto textarea.txt, section form.contacto select.txt {
		width: 100%;
	}
	section form.contacto {
		float: none;
		width: 100%;
	}
	section form.contacto input.b {
		width: auto;
	}
	article section div.dates {
		float: none;
		width: 100%;
	}
	article section div.list img.text {
	    height: 135px;
	}
	.right img {
		display: inline-block;
	}
	h2 {
	    font-size: 20px;
	}
	h4 {
		font-size: 18px;
	}

	article section form.trabaja {
		padding: 0;
		border: none;
	}

	article section.franquicia {
		max-height: none;
	}

	.num {
		display: block;
		margin-top: 5px;
	}

	div.oferta {
	    margin: 20px auto;
	    width: 90%;
	}
	div.oferta img {
	    height: auto;
	    width: 100%;
	}

	article section div.rrhh img {
		float: none;
	}

	.pdf {
	    height: auto;
	    width: 100%;
	    display: inline-block;
	}
	/*.pdf2 {
		margin-left: 0 !important;
	}*/

	.logo-ue {
		padding: 0 5px;
		flex-direction: column !important;
	}
	.logo-ue p,
	.logo-subvencion p {
		text-align: center !important;
	}
	.logo-subvencion {
		padding: 0 5px;
	}
	.logo-subvencion img {
		margin: 0 auto;
	}

	footer div.content-foot {
		width: 100%;
		text-align: center;
	}

	footer div.content-foot div.txt {
	    float: none;
	}
	footer div.content-foot div.txt span.tel {
	    display: block;
	}
	footer div.content-foot div.txt span.sep {
	    display: none;
	}
	footer div.content-foot div.txt a.mailto {
	    display: block;
	}
	footer div.content-foot nav ul {
	    float: none;
	}
	footer div.content-foot nav ul li {
	    float: none;
	    display: inline-block;
	}

	footer div.content-foot div.bottom div.menu {
		float: none;
		max-width: inherit;
	}
	footer div.content-foot div.bottom div.menu ul li {
		float: none;
	}
	footer div.content-foot div.bottom div.menu ul li ul li {
		padding: 0;
	}

	footer div.content-foot div.bottom div.contact {
		float: none;
	}

	footer div.content-foot div.bottom div.social {
		text-align: center;
		margin-top: 25px;
	}
	footer div.content-foot div.bottom div.social p {
		padding: 0;
	}

	footer div.content-foot div.bottom div.telefono {
		text-align: center;
		margin-top: 36px;
	}
	footer div.content-foot div.bottom div.telefono p {
		margin: 0;
	}

	#minimap {
	    width: 82%;
	}

	.col-sm {
		width: 100%;
	}

	article section.franquicia img {
		float: none;
	}

	img.img-pedido {
		float: none;
		width: auto !important;
		margin: 0 auto !important;
	}

	img.cabecera {
	    margin: 0 0 10px 0;
	}

}



/************************************************************************************
smaller than 766px
*************************************************************************************/
@media screen and (max-width: 766px) {

	.bx-wrapper .bx-pager {
		bottom: 0;
	}

	.bx-wrapper .bx-prev {
	    left: -12px;
	}
	.bx-wrapper .bx-next {
	    right: -12px;
	}
	
	div.banner-franquiciados {
		width: calc(50% - 16px);
	}
	article section div.list h2 {
	    display: block;
	}
	.right img {
		float: none !important;
		margin: 10px auto !important;
		display: block;
	}

	div.content-box div.large img {
	    float: none;
	    margin: 0 0 20px 0;
	    height: auto;
	    width: 100%;
	}

	article div.content {
	    margin: 0 auto 30px auto;
	    max-width: 324px;
	    width: 95%;
		float: none;
	}
	article div.content {
	    margin: 0 auto;
	}

	article div.presupuesto img, article div.pago img {
	    width: auto;
	}

	.bx-wrapper .bx-controls-direction a {
	    top: 82px;
	}

	div.content-box div.box,
	div.content-box div.box:nth-child(3n+3) {
	    margin: 0 1% 30px 1% !important;
	    width: 46%;
	}
	div.content-box div.box img {
	    height: auto;
	    width: 100%;
	}

	section img.main {
	    max-width: 50%;
	}
	.pdf .gallery {
	    max-width: 45%;
	}

	.copicloud .banner {
		float: none;
		max-width: inherit;
		margin: 25px auto;
	}
	
	.copicloud h2 {
		text-transform: initial;
		font-size: 28px;
	}
}
@media screen and (max-width: 650px) {

	article div.featured {
	    margin: 0 auto 30px auto;
	    max-width: 259px;
	    width: 95%;
		float: none;
	}

	article div.block,
	article div.video-home {
	    width: 95%;
	    margin: 0 auto 30px auto;
		float: none;
	}
	article div.block div.text {
	    width: 58%;
	    padding: 0 5%;
	}
	article div.block h3,
	article div.video-home h3 {
	    font-size: 16px;
	}

	.block-copicloud div.text {
		float: none;
		margin: 0 0 15px 0;
		max-width: inherit;
		font-size: 20px;
	}

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

	div.banner-franquiciados {
		width: calc(100% - 16px);
	}
	
	div.content-box div.box,
	div.content-box div.box:nth-child(3n+3) {
	    margin: 0 0 30px 0 !important;
	    width: 100%;
	}

	#visitarPC{
		float: left;	
	}
	#titleCentros{
		width: 100%;	
	}

	.printCorner table td.fila-iconos,
	.copicloud table td.fila-iconos {
		width: 20%;
	}

}