/*-------responsividad----------*/
@media screen and (max-width: 1500px){
	.Content_cuadros_color{
		grid-template-columns: repeat(2,1fr);
	}
}
@media screen and (max-width: 1300px){
	.txt-BANER{
		margin-top: -300px;
	}
}
@media screen and (max-width: 1200px){
	.section_form .inter_section form{
		padding: 0 10px
	}
}
@media screen and (max-width: 1000px){
	.inter_service{
		margin: auto;
	}
	.title_servicios{
		width: 95%;
		max-width: 500px;
		font-size: 1.6rem;
		&:hover{
			font-size: 1.5rem;
		}
	}
}
@media screen and (max-width: 900px) {
	.complete_video iframe{
		height: 400px;
	}
}
@media screen and (max-width: 800px){
	.txt-BANER h1{
		font-size: 2rem;
	}
	.dot{
		width: 10px;
		height: 10px;
	}
}
@media screen and (max-width:750px){
	.Content_cuadros_color{
		grid-template-columns: repeat(1,1fr);
	}
}
@media screen and (max-width: 640px){
	/*---- RESPONSIVE DE CUADROS CON IMG ----*/
	.libreria_inter{
		height: 600px;
		margin-bottom: 50px;
		&:hover > .text > div{
			transform:translateY(200%);
		}
		&:hover > .text_img > img{
			transform: translateY(-20px);
		}
		&:hover > .text_0_1::after,&:hover > .text_1_1::after,&:hover > .text > .move_img{
			top: 0;
		}
	}
	.text{
		height: 300px;
		width: 100%;
	}
	.text_img::after{
		top: 100%;
		left: 0;
	}
	.move_img{
		top: 100%;
		left: 0;
	}
	.text_img span{
		transform: translateY(-100%);
	}


	/*--- RESPONSIVE DE CUADROS ---*/
	.section_cuadros{
		height: 800px;
	}
	.section_cuadros .cuadros{
		width: 400px;
		height: 400px;	
	}
	.section_cuadros .content_cua{
		margin-left:5px;
		height: 700px;
	}
	.section_cuadros .cuadros .cubos{
		width: 170px;
		height: 170px;
		margin: 0 0 10px 50%;
	}
	.cubos span{
		width: 30px;
		height: 30px;
		font-size: .8rem;
		border:2px solid rgb(100,145,245);
	}
	.cubos h3{
		font-size: .8rem
	}
	.cubos a{
		font-size: .6rem;
	}
}
@media screen and (max-width: 474px){
	.dot{
		display: none;
	}
	.my_slider .my_slider_inter{
		padding: 0 50px;
	}
	.txt-BANER h1{
		line-height: 25px;
	}
	.txt-BANER p{
		font-size: 1em;
		margin: 20px 0;
	}
	.logo_compaly{
		width: 180px;
		height: 180px;
	}
}
@media screen and (max-width: 400px){
	.inter_section{
		padding: 10px 0px;
	}
	.text_form h2{
		font-size: 2rem;
	}
}
@media screen and (max-width: 376px){
	.txt-BANER{
		margin-top: -250px;
	}
	.txt-BANER h1{
		font-size: 1.2rem;
		line-height: 18px;
	}
	.my_slider .botones-carrus a{
		padding: 5px 15px;
		font-size: .7rem;
	}
}