/******* media screen responsive 1200px *****************/
@media screen and (max-width: 1386px) {
    body{
        overflow-x: hidden;
    }
	.columnas .col2 {
        width: 46%;
        position: relative;
    }
    #nosotros .columnas .col2:nth-child(2) {
        margin-top: 345px;
    }
    #animacion{
      height: auto;
	
    }
    #nosotros .img_nos {
        left: -222px;
    }
    #que_hacemos ul {
        font-size: 40px;
    }
    #footer .columnas:nth-child(1) .col2 img {
        float: right;
        margin-right: -49px;
    }
    #footer .columnas:nth-child(2) .col2:nth-child(2) img {
        float: left;
        margin-left: -49px;
		height: 100%;
    }

}

/******* media screen responsive 1200px *****************/
@media screen and (max-width: 1280px) {
    #nosotros .columnas{
        justify-content: flex-end;
    }
	#nosotros .columnas .col2 {
        width: 38%;
        position: relative;
        
    }
    #nosotros .columnas .col2:nth-child(1){
        margin-right: 80px;
    }
    #nosotros .img_nos {
        left: -316px;
    }
}	

/******* media screen responsive 1200px *****************/
@media screen and (max-width: 1200px) {
	
}

/******* media screen responsive 1024px *****************/
@media screen and (max-width: 1024px) {
    .cont-centrado{
        width: 100%;
    }
    #animacion {
        height: 567px;
    }
    #animacion .info {
        position: absolute;
        top: 50%;
        right: 11vh;
    }
    #nosotros .columnas .col2 {
        width: 34%;
    }
    #nosotros .columnas .col2:nth-child(1) {
        margin-right: 30px;
    }
    #nosotros .txt_nos2{
        width: 100%;
    }
    #nosotros .columnas .col2:nth-child(2) {
        margin-top: 258px;
    }
    #nosotros .img_nos {
        left: -420px;
    }
    #que_hacemos .columnas .col2 {
        height: 771px;
        display: flex;
        align-items: center;
        padding-left: 10px;
    }
    .columnas .col2 {
        width: 48%;
        position: relative;
    }
    .cont-centrado2 {
        width: 100%;
    }
    .columnas.donde .col2 {
        width: 40%;
    }
    #footer .columnas:nth-child(1) .col2 img {
        float: right;
        margin-right: -171px;
    }
    .contacto .col2{
        padding-left: 10px;
        overflow: hidden;
        width: 50%;
    }
    #footer .columnas:nth-child(2) .col2:nth-child(2) img {
        float: left;
        margin-left: -442px;
    }
	.fondo-encabezado-final .infopag {
		width: 495px;
		margin-top: 63px;
	}
	.infoserv .txt{
		    padding: 0px 50px;
	}
	.fondo-encabezado-final{
		background-position:center top;
	}
	.servicios {
		width: 100%;
		height: 770px;
	}
	.ancho1{
		padding-right:0px;
		padding-left:20px;
	}
	.cont-cent .col {
    	width: 47%;
	}
	.stynos2 .col:nth-child(1){
		width:60%;
	}
	.stynos2 .col:nth-child(2){
		width:40%;
		overflow: hidden;
	}
	.stynos2 .ancho3{
		width:100%;
	}
	
}


@media screen and (max-width: 820px) and (min-height:1024px) {
    #animacion {
        height: 460px;
    }
    #animacion .info {
        position: absolute;
        top: 40%;
    }
    #animacion .info .btn_contacto {
        margin-top: 26px;
    }
	.txt_italic {
        font-style: italic;
        font-size: 25px;
        font-weight: 600;
    }
	#nosotros .columnas .col2 {
        width: 35%;
    }
    #nosotros .txt_nos {
        width: 100%;
        margin-top: 45px;
    }
    #que_hacemos ul {
        font-size: 32px;
    }
    #que_hacemos p {
        font-size: 25px;
        font-family: "Carmona";
        font-weight: 600;
    }
    #nosotros .columnas .col2:nth-child(1) {
        width: 27%;
    }
    #nosotros .img_nos {
        left: -378px;
        height: 526px;
        width: auto;
    }
    #footer .columnas:nth-child(1) .col2 img {
        float: right;
        margin-right: -171px;
        width: 600px;
    }
    #nosotros .columnas .col2:nth-child(2) {
        margin-top: 106px;
    }
    #que_hacemos .columnas .col2{
        overflow: hidden;
    }
    .probono .col2 img{
        height: 443px;
        width: auto;
        margin-left: -125px;
    }
    #que_hacemos .columnas .col2 {
        height: 624px;
    }
    #footer .columnas:nth-child(1) .col2 img {
        float: right;
        margin-right: -104px;
        width: 600px;
    }
    #footer .columnas:nth-child(1) .col2:nth-child(2) p {
        font-size: 25px;
        font-weight: 600;
        font-style: italic;
        margin-bottom: 40px;
    }
	.columnas .col2 {
		overflow:hidden;
	}
	.servicios .col2:nth-child(1) img{
		left:-195px;
	}
	.servicios .opserv h3, .nosotrosab .opserv h3{
		font-size: 36px;
	}
	.servicios .opserv .txtdisp, .nosotrosab .opserv .txtdisp{
		width:84%;
	}
}

/******* media screen responsive 770px *****************/
@media screen and (max-width: 770px) {
}


/******* media screen responsive 570px *****************/
@media screen and (max-width: 570px) {
		
}

/******* media screen responsive 480px *****************/
@media screen and (max-width: 480px) {
	
}




/******* media screen responsive 470px *****************/
@media screen and (max-width: 470px) {
    #animacion {
        height: 222px;
    }
    #animacion .info{
        right: 16vh;
    }
    #animacion .info {
        top: 33%;
    }
	#animacion .info img{
        width: 200px;
    }
    .btn_contacto {
        width: 121px;
        height: 31px;
        border-radius: 22px;
        font-size: 13px;
    }
    .btnMenu {
        width: 46px;
        height: 46px;
        right: 320px;
    }

    .btnMenu .btn {
        width: 32px;
        height: 32px;
    }
    .linea1 {
        margin-top: 2px;
    }
    .linea2 {
        margin-top: 9px;
    }
    .linea3 {
        margin-top: 9px;
    }
    #barraopciones{
        width: 320px;
        right: -320px;
    }
    #barraopciones.activo {
        right: 0px;
        transition: right 500ms ease-in;
    }
    #barraopciones #logo img{
        width: 85%;
        height: auto;
        margin: auto;
        display: block;
    }
    .linea1.mact{
        margin-top: 14px;
    }
    .linea3.mact{
        margin-top: -2px;
    }
    .columnas{
        flex-wrap: wrap;
    }
    .columnas .col2{
        padding: 0px 10px;
    }
    #nosotros .columnas .col2:nth-child(1) {
        width: 100%;
    }
    .columnas .col2,#nosotros .columnas .col2 {
        width: 100%;
    }
    #nosotros .img_nos {
        left: 0px;
        height: 526px;
        width: auto;
        display: block;
        margin: auto;
        position: relative;
    }
    #nosotros .txt_nos{
        float: initial;
    }
    #nosotros .columnas .col2:nth-child(1) {
        margin-right: 0px;
    }
    #que_hacemos .columnas .col2 {
        height: auto;
        margin-bottom: 50px;
    }
    #que_hacemos .columnas .col2:nth-child(1) img {
        position: relative;
        right: 0px;
        display: block;
        width: 100%;
        height: auto;
    }
    #que_hacemos ul {
        font-size: 22px;
    }
    .columnas .col3 {
        width: 100%;
        position: relative;
        margin-bottom: 50px;
    }
    .columnas.donde .col2 {
        width: 100%;
    }
    #footer .columnas:nth-child(2) .col2:nth-child(2) img {
        float: left;
        margin-left: 0px;
        width: 100%;
    }
    .contacto {
        flex-direction: column-reverse;
    }
    #footer .columnas:nth-child(2) .info {
        margin-top: 35px;
        width: 300px;
    }
    #footer .columnas:nth-child(1) .col2 img {
        float: right;
        margin-right: 0px;
        width: 100%;
    }
    #footer .logo {
        margin-bottom: 70px;
    }
    #footer .socializa ul {
        font-size: 22px;
    }
    #footer .mail, #footer .tel {
        font-size: 25px;
    }
    #footer .columnas:nth-child(1) .col2:nth-child(2) p {
        font-size: 22px;
    }
    #footer h2{
        margin-top: 30px;
    }
	/******************************* servicios *******************************/
	.fondo-encabezado-final{
		background-size: cover;
    	background-position: center top;
		background-repeat:no-repeat;
	}
	.fondo-encabezado-final .infopag{
		width:100%;
		padding:10px;
	}
	.fondo-encabezado-final h1 {
    	font-size: 60px;
	}
	.fondo-encabezado-final h2 {
    	font-size: 47px;
	}
	.infoserv .txt {
    	font-size: 47px;
	}
	.infoserv {
    	height: 64vh;
	}
	.servicios{
		margin-bottom: 80px;
	}
	.servicios .opserv_img{
		width:100%;
		height:auto;
	}
	.servicios .col2:nth-child(1){
		height:386px;
	}
	.servicios ul {
    	font-size: 35px;
	}
	/**************************** nosotros  ***************************/
	.fondo-encabezado-nosotros .infopag {
    	width: 100%;
		padding:10px;
	}
	.fondo-encabezado-nosotros h1 {
    	font-size: 47px;
	}
	.stynos .col2:nth-child(1){
		height:408px;
	}
	.stynos .col2:nth-child(1) img{
		width:100%;
	}
	.stynos .txtcol {
    	width: 100%;
	}
	
	.cont-cent {
		flex-direction:column-reverse;
	}
	.cont-cent .col, .cont-cent .col img {
    	width: 100%;
	}
	.ancho1{
		margin-right:0px;
		padding:10px;
	}
	.cont3 .cont-cent{
		display:flex;
		flex-wrap:wrap;
		flex-direction: column;
	}
	.cont4{
		padding:0px 10px;
	}
	.cont4 p {
    	font-size: 47px;
	}
	.stynos2 .ancho3 {
    	width: 100%;
		padding:50px 10px;
	}
	.stynos2 ul li {
    	font-size: 28px;
		margin-bottom: 20px;
	}
	.stynos2 img{
		margin-bottom:0px;
	}
	.nosotrosab {
    	height: auto;
	}
	.nosotrosab .opserv h3 {
    	font-size: 32px;
	}
	.nosotrosab .opserv .txtdisp {
		width:85%;
		margin-left: 45px;
	}
	.nosotrosab .opserv img {
    	float: left;
    	margin-right: 10px;
	}
	.nosotrosab .col:nth-child(2){
		height:700px;
	}
	.nosotrosab .col:nth-child(2) img {
      width: 100%;
	}
	.single img{
		width:100%;
	}
	.servicios .opserv .txtdisp{
		width:87%;
	}
	.servicios .opserv h3, .nosotrosab .opserv h3{
		font-size:32px;
	}
	.stynos2 .col:nth-child(1),.stynos2 .col:nth-child(2) {
    	width: 100%;
	}
}