/* resonsive */

@media (max-width: 1900px) { }
@media (max-width: 1800px) { }
@media (max-width: 1550px) { }
@media (max-width: 1360px) { }
@media (max-width: 1200px) { }
@media (max-width: 991px)  { }
@media (max-width: 824px)  { }
@media (max-width: 768px)  { }
@media (max-width: 575px)  { }
@media (max-width: 475px)  { }
@media (max-width: 430px)  { }
@media (max-width: 410px)  { }
@media (max-width: 376px)  { }
@media (max-width: 351px)  { }



/* resonsive */

@media (max-width: 1900px) { }
@media (max-width: 1800px) { }
@media (max-width: 1550px) { 
.serv_li {
    border-width: 1px;
    border-style: solid;
    padding: 10px 20px 20px;
    min-height: 13.0vw;
} 
	
	
.icofila1 {
    min-height: 214px;
}

.icofila2 {
    min-height: 283px;
}

.icofila3{
	min-height: 214px;
}	

.h-empresa-port p {
     font-size: 19px;
     line-height: 26px;
}

}

@media (max-width: 1360px) {
#contacto-scroll{
		height: 80px;
		margin-top: -80px;
		}
	
	.serv_li {
    border-width: 1px;
    border-style: solid;
    padding: 10px 20px 20px;
    min-height: 15vw;
}

}

@media (max-width: 1200px) {


.yellow_services h2 {
    font-size: 35px;
    max-width: 80%;
}
	
.ser_ex {
    padding: 15px;
    margin-top: 60px;
    box-sizing: border-box;
}	
	
.serv_li p {
    font-size: 14px;
    line-height: 18px;
}	
	
.serv_li {
    border-width: 1px;
    border-style: solid;
    padding: 10px 20px 20px;
    min-height: 16vw;
}	

}

@media (max-width: 991px)  { 

    .h-empresa-port h3 {
        font-size: 37px;
    }

    .b-empresa-port2 ul {
        padding-left: 33%;
        margin-top: 20px;
    }

    .b-empresa-port2{
        margin-bottom: 50px;
    }

    .b-empresa-port2 h5 {
         font-size: 31px;
         text-align: center;
         
     }

     .icon-22-04::before {
       
        left: 20vw;
    }

.slide-li {
    text-align: center;
    font-size: 20px;
    padding: 15vw 0px 2vw;
}
	
.header-li h2 {
    font-size: 44px;
    margin-bottom: 16px;
}	

.icon-comp {
    margin-bottom: 25px;
    font-size: 15px;
    padding: 10px 20px;
    box-sizing: border-box;
}
	
.serv_li {
    padding: 10px 20px 20px;
    min-height: 19.5vw;
}
	
.yellow_services h2 {
    font-size: 30px;
    max-width: 80%;
}	
	
.dt_li {
    margin-top: 35px;
    padding: 20px 10vw;
}	
	
.dt_li h1 {
    display: inline-table;
    font-weight: 700;
    font-size: 80px;
    margin-bottom: 30px;
}	
	
	
	
	
}

@media (max-width: 824px)  { 

.form-contacto {
    width: 100%;
    max-width: 70%;
    margin: 0 auto;
    padding: 10px 0px 20px;
}



}

@media (max-width: 768px)  { 

.icofila1{

}

.icofila2{

}

.icofila3{

}

.servfila1{

}

.servfila2{

}

.servfila3{

}	
	
.icon-comp {
    margin-bottom: 0px;
}	
	
.dt_exli {
    padding: 0px 40px;
}
	
.dt_li p {
    font-size: 20px;
    line-height: 24px;
}
	
.header-li h2 {
    font-size: 50px;
    margin-bottom: 16px;
    margin-top: 20px;
}	

.serv_li p {
    font-size: 17px;
    line-height: 20px;
}
	
.serv_li h5 {
    color: #3A3A3A;
    font-weight: 600;
    margin-top: 10px;
    margin-bottom: 12px;
    font-size: 23px;
    line-height: 23px;
}	

#contacto .form-control {
    font-size: 17px;
}	
	
.btn_contact {
    background-color: #FF4131;
    border: 0px;
    color: #fff;
    border-radius: 10px;
    padding: 17px 90px;
    font-size: 26px;
}	
	
.yellow_services h2 {
    font-size: 30px;
    max-width: 90%;
}
	
.header-li h4 {
    margin-bottom: 5px;
    font-size: 30px;
    margin-top: 47px;
}	
	

.slide-li {
    text-align: center;
    font-size: 17px;
    padding: 15vw 0px 2vw;
}	
	
	
	.serv_li {
    padding: 10px 20px 20px;
    min-height: 26.5vw;
}
	
.icofila1 {
    min-height: 218px;
}
	
.icofila2 {
    min-height: 284px;
}	
	
.icofila3 {
    min-height: 262px;
}	
	
	
}

@media (max-width: 650px)  {
	
	.icofila1 {
    min-height: 218px;
}
	
.icofila2 {
    min-height: 284px;
}	
	
.icofila3 {
    min-height: 262px;
}
	
.servfila1 {
    min-height: 256px;
}

.servfila2{
	    min-height: 236px;
}

.servfila3 {
    min-height: 282px;
}	

#portafolio-22 .ser_ex {
     padding: 16px 5px 0px;
 }

 .portafolio-22 h5 {
     font-size: 14px;
 }

 .slide-li2 h2 {
    font-size: 1.8em;
     margin-bottom: 30px;
 }
	
}


@media (max-width: 575px)  { 
.slide-li {
    text-align: center;
    font-size: 17px;
    padding: 40vw 0px 2vw;
    min-height: 100vh;
}
	
.header-li h2 {
    font-size: 40px;
    margin-bottom: 20px;
    margin-top: 20px;
}
	
.p-b-li {
    padding: 35px 0px;
}
	
.header-li h4 {
    margin-bottom: 5px;
    font-size: 28px;
    margin-top: 47px;
}	
	
.icon-comp {
    margin-bottom: 10px;
    font-size: 15px;
    padding: 25px 10px 10px 10px;
    box-sizing: border-box;
	min-height: 290px;
}

.icon-comp h3 {
    font-size: 1.4em;
    line-height: 25px;
    
}	
	
.icon-comp p {
    font-size: 1.1em;
    line-height: 22px;
}
	
	
.header-li h5 {
    max-width: 95%;
	font-size: 26px;
}
	
.ser_ex {
    padding: 10px;
    margin-top: 60px;
    box-sizing: border-box;
}
	
.serv_li {
    padding: 10px 15px 20px;
    min-height: 19.5vw;
}	
	
.dt_li {
    margin-top: 35px;
    padding: 20px 0vw;
}	
	
.dt_li p {
    font-size: 20px;
}
	
.form-contacto {
    width: 100%;
    max-width: 83%;
    margin: 0 auto;
    padding: 10px 0px 20px;
}	
	
#contacto .form-control {
    font-size: 18px;
}	
	
.serv_li {
    padding: 10px 15px 20px;
    min-height: 42.5vw;
}	
	
.dt_li h2 {
    font-size: 26px;
    line-height: 14px;
    margin-bottom: 12px;
    margin-top: 8px;
}	
	
.icofila1 {
    min-height: 265px;
}
	
.icofila2 {
    min-height: 419px;
}
	
.icofila3 {
    min-height: 325px;
}
	
	
.servfila1 {
    min-height: 256px;
}

.servfila2{
	    min-height: 236px;
}

.servfila3 {
    min-height: 282px;
}	
	
	
}

@media (max-width: 475px)  {
.slide-li h2 {
    font-size: 3.4em;
    font-weight: 800;
    margin-bottom: 30px;
}
	
.slide-li h3 {
    font-size: 1.6em;
    line-height: 32px;
    font-weight: 400;
}	
	
.slide-li {
    text-align: center;
    font-size: 17px;
    padding: 49vw 0px 2vw;
    min-height: 100vh;
}	
	
.btn_li2 {
    background-color: #FEBD01;
    color: #fff;
    padding: 9px 29px;
    font-size: 23px;
    border-radius: 40px;
}	
	
.links_li_box div {
    margin-bottom: 45px;
}	
	
.header-li h3 {
    font-weight: 100;
    font-style: italic;
    font-size: 29px;
    color: #6D6D6D;
    margin-bottom: 28px;
}
	
.header-li h4 {
    margin-bottom: 5px;
    font-size: 23px;
    margin-top: 47px;
}
	
.icon-comp {
    margin-bottom: 10px;
    font-size: 15px;
    padding: 25px 0px 10px 0px;
    box-sizing: border-box;
    min-height: 290px;
}	
	

.ser_ex {
    padding: 0px;
    margin-top: 60px;
    box-sizing: border-box;
    margin-bottom: 30px;
}
	
.round-serli {
    border-width: 1px;
    border-style: solid;
    padding: 21px;
    display: inline-grid;
    border-radius: 10000px;
    max-width: 100px;
    background-color: #F9F9F9;
    margin-top: -100px;
}	
	
.serv_li h5 {
    color: #3A3A3A;
    font-weight: 600;
    margin-top: 10px;
    margin-bottom: 12px;
    font-size: 20px;
    line-height: 23px;
}
	
.yellow_services h2 {
    font-size: 26px;
    max-width: 90%;
    line-height: 30px;
}
	
.dt_li h2 {
    line-height: 30px;
}	
	
.serv_li {
    padding: 10px 15px 20px;
    min-height: 58.5vw;
}	
	
.icofila1 {
    min-height: 265px;
}
	
.icofila2 {
    min-height: 419px;
}
	
.icofila3 {
    min-height: 357px;
}
	
	
.servfila1 {
    min-height: 276px;
}

.servfila2 {
    min-height: 261px;
}

.servfila3 {
    min-height: 295px;
}
	
	#portafolio-22  .col-xs-6 {
        padding: 0px 5px;
    }

    #portafolio-22  .ser_ex {
           margin-bottom: 6px;
    }

    .b-empresa-port p {
         max-width: 100%;
     }

    .b-empresa-port ul {
         padding: 0px;
    }
    
    .b-empresa-port2 h5 {
    
        margin-top: 20px;
    }

    .h-empresa-port p {
        
        max-width: 100%;
    }
}

@media (max-width: 430px)  {

	#que_hacemos_rr .container{
		padding: 5px 0px;
	}
	
	.icon-comp {
    margin-bottom: 10px;
    font-size: 15px;
    padding: 2px 0px 10px 0px;
    box-sizing: border-box;
    min-height: 240px;
	}
	
	.serv_li {
    padding: 10px 9px 20px;
    min-height: 60.5vw;
}	
	
	.icon-comp p {
    font-size: 1.0em;
    line-height: 22px;
}
	
	.serv_li p {
    font-size: 16px;
    line-height: 19px;
	}	

	#servicios-rr .col-xs-6 {
    width: 50%;
    padding: 10px 9px;
	}
	
	.dt_li h1 {
    display: inline-table;
    font-weight: 700;
    font-size: 65px;
    margin-bottom: 20px;
	}
	
	.dt_li {
    margin-top: 27px;
    padding: 9px 0vw;
	}
	
	
	
	.dt_li h2 {
    font-size: 24px;
    line-height: 14px;
    margin-top: 8px;
	}
	
	.icofila1 {
    min-height: 265px;
	}

	.icofila2 {
		min-height: 419px;
	}

	.icofila3 {
		min-height: 357px;
	}


	.servfila1 {
		min-height: 276px;
	}

	.servfila2 {
    min-height: 238px;
}

	.servfila3 {
		min-height: 295px;
	}
	
	
}

@media (max-width: 410px)  { 
	
	.icofila1 {
    min-height: 274px;
}

	.icofila2 {
    min-height: 429px;
}

	.icofila3 {
		min-height: 357px;
	}


	.servfila1 {
		min-height: 276px;
	}

	.servfila2 {
    min-height: 255px;
}

	.icofila3 {
    min-height: 339px;
	}
	

    .h-empresa-port h3 {
        font-size: 30px;
    }

    .h-empresa-port p {
        font-size: 17px;
     }

     .b-empresa-port2 h5 {
        font-size: 30px;
    }

    .b-empresa-port2 ul {
        padding-left: 14%;
        margin-top: 20px;
    }

    .icon-22-04::before {
        left: 3vw;
    }

    .b-empresa-port p {
         font-size: 15px;
     
    }

    .b-empresa-port li {
         font-size: 15px;
         margin-bottom: 28px;
        max-width: 100%;
         line-height: 21px;
        margin-bottom: 10px;
    }

    .btn_contact_go, .btn_contact_go:hover, .btn_contact_go:visited {
        background-color: #0087fd;
        border: 0px;
        color: #fff;
        border-radius: 25px;
        padding: 9px 87px;
         font-size: 23px;
         display: inline-table;

    }

    .btn_contact_wsp, .btn_contact_wsp:hover, .btn_contact_wsp:visited {
        background-color: #45bf54;
        border: 0px;
        color: #fff;
        border-radius: 25px;
        padding: 9px 87px;
        font-size: 23px;
             margin: 11px 10px;
            display: inline-table;
    }
}

@media (max-width: 376px)  { 
.slide-li h2 {
    font-size: 2.8em;
    font-weight: 800;
    margin-bottom: 30px;
}
	
.slide-li h3 {
    font-size: 1.5em;
    line-height: 29px;
    font-weight: 400;
}
	
	#que_hacemos_rr .col-xs-6 {
    width: 50%;
    padding: 10px 9px;
	}
	
	
.icon-comp {
    margin-bottom: 10px;
    font-size: 15px;
    padding: 25px 0px 10px 0px;
    box-sizing: border-box;
    min-height: 262px;
}
	
.serv_li {
    padding: 10px 9px 20px;
    min-height: 280px;
}
	
.dt_li h2 {
    font-size: 24px;
    line-height: 25px;
    margin-top: 8px;
}	
	

	
	#servicios-rr .container{
		padding: 5px 4px;
	}	
	
	#servicios-rr .col-xs-6{
		padding: 5px 7px;
	}
	
	
		.icofila1 {
    min-height: 274px;
}

	.icofila2 {
    min-height: 429px;
}

	.icofila3 {
    min-height: 339px;
	}
	


	.servfila1 {
		min-height: 276px;
	}

	.servfila2 {
    min-height: 255px;
}


}

@media (max-width: 351px)  { 
	
.slide-li h2 {
    font-size: 2.4em;
    font-weight: 800;
    margin-bottom: 30px;
}
	
.slide-li h1 {
    font-size: 4.5em;
    font-weight: 800;
    margin-bottom: 40px;
}	
	
.dt_exli {
    padding: 0px 15px;
}	
	
.header-li h2 {
    font-size: 35px;
    margin-bottom: 20px;
    margin-top: 20px;
}
	
.header-li h3 {
    font-weight: 100;
    font-style: italic;
    font-size: 26px;
    color: #6D6D6D;
    margin-bottom: 28px;
}	
	
.header-li h5 {
    max-width: 95%;
    font-size: 22px;
}	
	
			.icofila1 {
    min-height: 274px;
}

	.icofila2 {
    min-height: 429px;
}

	.icofila3 {
    min-height: 339px;
	}


	.servfila1 {
		min-height: 276px;
	}

	.servfila3 {
		min-height: 322px;
	}

	
	
	
}