@media screen and (max-width: 1200px) {
	#intro p{
	  padding-bottom: 20px;
	  font-size: 20px
	}
}

@media screen and (max-width: 991px) {
	#back-bar a{
		margin-left: 20px
	}

	h2 {
	    font-size: 50px;
	}

	.row-container {
	    padding: 0 50px;
	}

	#intro .col-50{
		width: 100%
	}

	#intro p{
		margin-bottom: 50px;
		padding-right: 0;
		font-size: 28px
	}

	#intro .slider-home{
	  height: 64vh;
	  min-height: 250px;
	}

	.numbers-slider {
	    bottom: auto;
	    top: -48px;
	    left: auto;
	    right: 20px;
	}

	#scrolldown{
		display: none;
	}

	#how .content {
	    margin-left: -57px;
	}

	#how a.more {
	    margin-left: 4px;
	}

	#pagina-what .row-container{
    	padding: 0 40px;
	}

	.grid-item{
		padding: 10px
	}

	#pagina-who .col-text p {
		padding-right: 0
	}

	#pagina-who p.p-intro{
		margin-bottom: 90px
	}

	#pagina-who .row-container1b .col-50, #pagina-who .row-container2 .col-50{
		width: 40%
	}

	#pagina-who .row-container1b .col-50.col-text, #pagina-who .row-container2 .col-50.col-text{
		width: 60%
	}

	#pagina-who .small-p p {
	    margin: 50px 0;
	}

	#pagina-who .row-container2 {
	    margin-top: 50px;
	}

	#pagina-who .certifications {
	    margin-left: 0;
	}

	#pagina-who .col-100-address .inner-col-cont {
	    margin-bottom: 0px;
	}

	#pagina-who .row-container3 {
	    margin-top: 70px;
	}

	#pagina-who .row-container3 .col-50{
		width: 100%
	}

	#pagina-who .row-container3 .inner-col-cont {
	    margin-left: 0;
	    margin-top: 0px;
	}

	#pagina-who .row-container3 .col-factory {
	    margin-top: 50px
	}

	#pagina-who .col-factory .slider-who {
	    height: calc(100vh - 500px);
	}

	#pagina-who .row-container3 .small-p p{
		margin: 50px 0 0 
	}

	#pagina-who .row-container4 {
		margin-top: 100px
	}

	#pagina-who .row-container4 .col-100 p {
	    max-width: 80%;
	}

	#pagina-who .row-container5{
		margin-top: 30px;
	}

	#pagina-who .row-container4 .col-100{
		padding-right: 0
	}

	#pagina-who .team {
	    width: 100%;
	}

	#pagina-process .row-container1 {
    	margin: 90px 0 50px;
    	padding: 0 50px;
	}

	#pagina-process .row-container2, #pagina-process .row-container3, #pagina-process .row-container6 {
	    margin: 50px 0;
	    padding: 0 50px;
	}

	#pagina-process .row-container5 {
	    margin: 50px 0;
	}
}


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

	.menu-bar ul li {
	    padding-left: 30px;
	}

	section {
	    padding: 90px 0;
	}

	p {
	    font-size: 24px;
	}

	.col-25, .col-50, .col-75, #pagina-service .row-container1b .col-75 {
	    width: 100%;
	}

	footer .col-double .col-50{
		width: 50%
	}

	footer .social {
	    margin-top: 30px;
	}

	#what{
		padding: 70px 0 10px
	}

	#what .content {
	    margin-top: -40px;
	}

	#what .inner-col-cont {
	    padding-left: 0;
	    padding-right: 0;
	}

	#what #pack2, #what #pack3{
		display: none;
	}

	#what #pack1 {
	    width: 50%;
	    margin-left: auto;
	    right: 0;
	}

	#what #pack4 {
	    width: 60%;
	    margin-left: 0;
	    margin-top: 40px;
	}

	#what #pack5 {
	    width: 35%;
	    margin-left: auto;
	    float: right;
	    margin-top: -370px;
	}

	#how{
		padding-bottom: 0
	}

	#how .row-container-full {
	    margin-top: 50px;
	    margin-bottom: 0;
	    font-size: 130px;
	}

	#how .row-container-full .scroll-manifesto {
	    width: 3740px;
	    animation: manifestoanim 26s linear infinite;
	}

	@-webkit-keyframes manifestoanim {
	  from { left: 0; }
	  to { left: -1867px;}
	}
	@-moz-keyframes manifestoanim {
	  from { left: 0; }
	  to { left: -1867px;}
	}
	@-o-keyframes manifestoanim {
	  from { left: 0; }
	  to { left: -1867px;}
	}
	@keyframes manifestoanim {
	  from { left: 0; }
	  to { left: -1867px;}
	}

	#who .content {
	    padding-right: 0;
	    margin-top: 70px;
	    margin-bottom: 50px;
	}

	#who h2 {
	    margin-bottom: 30px;
	}

	#who a.more {
	    margin-left: 0;
	    display: block;
	    margin-top: 30px;
	}

	#pagina-who p.p-intro{
		margin-top: 70px
	}

	#pagina-who .row-container4 .col-100 p {
	    max-width: 100%;
	}

	#pagina-process .col-text p {
	    padding-right: 0;
	}

	#pagina-process .row-container2 .col-img{
		text-align: center;
		padding-top: 40px;
	}

	#pagina-process .row-container2 img {
	    padding: 20px 5% 0;
	}

	#pagina-process .row-container3 .col-progress {
	    margin-top: 50px;
	}

	#pagina-process .row-container4 {
	    margin-top: 50px;
	}

	#pagina-process .row-container4 .cont-title {
	    position: relative;
	    right: 0;
	    width: 100%;
	    text-align: center;
	    top: 80px;
	    margin-top: 0px;
	}

	#pagina-process .space {
	    padding-top: 60px;
	}

	#pagina-process .process-heading {
	    /*top: 430px;
	    left: 84%*/
	    display: none;
	}

	#pagina-process .row-container5 .small-p p {
	    margin: 30px 0;
	}

	#pagina-process .row-container6 .col-25, #pagina-process .row-container6 .col-75{
		width: 100%;
		margin-bottom: 20px
	}

	#pagina-process .row-container6 .col-client {
	    padding: 0;
	    padding-right: 5%;
	    margin-top: -20px;
	}

	#pagina-process .row-container6 .col-client p {
	    margin: 25px 0;
	}

	#pagina-service .row-container1 {
	    margin: 90px 0 0px;
	    padding: 0 50px;
	}

	#pagina-service .row-container1b, #pagina-service .row-container2, #pagina-service .row-container3, #pagina-service .row-container4, .inner-col-cont {
	    padding: 0 50px;
	}

	#pagina-service .row-container3 {
		margin-top: 0
	}

	#pagina-service .row-container1b .col-25, #pagina-service .row-container3 .col-25, #pagina-service h4 br{
		display: none;
	}

	#pagina-service .single-line-service img.image-service {
	    padding-left: 20px;
	}

}


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

	section {
	    padding: 70px 0;
	}

	.loader {
	    background-color: rgba(255, 255, 255, 0.6);
	}

	.loader h1 {
	    font-size: 80px;
	    margin-left: -91px;
	    margin-top: -47px;
	}

	.loader.loaderwhat h1 {
	    margin-left: -113px;
	}

	.loader.loaderprocess h1 {
	   margin-left: -178px;
	}

	.loader.loaderservice h1 {
	    margin-left: -160px;
	}

	.menu-list{
		display: none;
	}

	.icon-menu-mob{
		display: block;
	}

	#menu-bar .logo > img {
	    max-width: 140px;
	}

	#menu-bar{
		height: 150px
	}

	#menu-bar .row-container {
	    padding-top: 40px;
	}

	#intro {
	    margin-top: 160px;
	}

	#intro .slider-home {
	    height: 50vh;
	    min-height: 200px;
	}

	#what #pack5 {
	    margin-top: -330px;
	}

	footer .col-double .col-50{
		width: 100%
	}

	footer p.credits{
		margin: 30px 0 0
	}

	.row-container{
		padding: 0 30px
	}

	#pagina-who .row-container1b .col-50, #pagina-who .row-container2 .col-50, #pagina-who .row-container1b .col-50.col-text, #pagina-who .row-container2 .col-50.col-text {
	    width: 100%;
	}

	#pagina-who p.p-intro {
	    margin-bottom: 30px;
	}

	#pagina-who #yearwho{
		display: none;
	}

	#pagina-who .small-p p {
	    margin: 30px 0;
	}

	#pagina-who .certifications p {
	    margin: 30px 0;
	}

	#pagina-who .row-container2 p.p-intro {
	    margin-top: 40px;
	    margin-bottom: 40px;
	}

	#pagina-who .certifications-heading	{
    	font-size: 50px;
    	top: 134%;
    	left: calc(100% - 65px);
	}

	#pagina-who .col-factory .slider-who {
	    height: 50vh;
	    min-height: 250px;
	}

	#pagina-who .single-team{
		width: 50%
	}

	#pagina-service .row-container1, #pagina-service .row-container1b, #pagina-service .row-container2, #pagina-service .row-container3, 
	#pagina-service .row-container4, .inner-col-cont, #pagina-process .row-container1, #pagina-process .row-container2, 
	#pagina-process .row-container3, #pagina-process .row-container6{
		padding: 0 30px
	}

	.grid-item{
		padding: 7px
	}

	.navbar-filters {
	    padding-left: 7px;
	}

	.filter-category {
	    font-size: 15px;
	    margin-right: 25px;
	}

	#pagina-process .row-container1 .col-icon-intro{
		width: 33.33%;
		margin-bottom: 20px
	}

	#pagina-process .row-container1{
		margin: 70px 0 0
	}

	#pagina-process .row-container1 p{
		margin-top: 0px;
	}

	#pagina-process .row-container2 img{
		padding: 0
	}

	#pagina-process .row-container3 .col-40 {
		opacity: 1
	}

	#pagina-process .row-container3 .col-40.align-center, #pagina-process .row-container3 .single-row-process > .col-20{
		display: none;
	}

	#pagina-process .row-container3 .single-row-process {
	    margin: 15px 0;
	}

	#pagina-process .row-container3 .single-row-process > .col-40, #pagina-process .row-container3 .single-row-process > .col-20{
		float: right;
	    position: relative;
	    width: calc(100% - 170px);
	    padding-left: 0
	}

	#pagina-process .row-container3 #img-process1, #pagina-process .row-container3 #img-process2, #pagina-process .row-container3 #img-process3, #pagina-process .row-container3 #img-process4,
	#pagina-process .row-container3 #img-process5, #pagina-process .row-container3 #img-process6, #pagina-process .row-container3 #img-process7{
		left: 0;
		right: 0;
		display: flex;
	    justify-content: center;
	    flex-direction: column;
	}

	#pagina-process .row-container3 .img-process{
		width: 150px;
		position: relative;
		float: right;
		margin-left: 20px
	}

	#pagina-process .row-container6 .col-client{
		width: 50%;
	}

	#pagina-service .row-container3 .col-75 > .col-20 {
	    display: none;
	}

	.col-20, .col-80, .col-40{
		width: 100%;
	}

	.col-20{
		margin-top: 15px;
		margin-bottom: 15px;
	}

	#pagina-service .single-line-service {
	    margin: 10px 0;
	}

	#pagina-service .icon-service img {
	    max-width: 100px;
	    padding-right: 0;
	}

	#pagina-service .col-40 img {
		margin-bottom: 30px
	}

	#pagina-service .single-line-service .col-40-img{
		display: none;
	}

	#pagina-service .row-container2{
		margin-bottom: 10px
	}

	.col-80 .small-p p br, .col-40 .small-p p br{
		display: none;
	}

	.col-80 .small-p p{
		margin-bottom: 0
	}

	#pagina-service .row-container3 .small-p p span{
		display: block;
		padding-bottom: 8px
	}

}


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

	#back-bar .row-container, #menu-bar .row-container {
	    padding-top: 30px;
	}

	#back-bar a{
		margin-left: 17px
	}

	.row-container {
	    padding: 0 20px;
	}

	#what #pack5 {
	    margin-top: -250px;
	}

	#how .content {
	    margin-left: -45px;
	}

	#how a.more {
	    margin-left: -8px;
	}

	#pagina-service .row-container1, #pagina-service .row-container1b, #pagina-service .row-container2, #pagina-service .row-container3, 
	#pagina-service .row-container4, .inner-col-cont, #pagina-process .row-container1, #pagina-process .row-container2, 
	#pagina-process .row-container3, #pagina-process .row-container6{
		padding: 0 20px
	}

	h2 {
	    font-size: 37px;
	}

	#pagina-who .col-factory .slider-who {
	    height: 37vh;
	    min-height: 200px;
	}

	#pagina-who .single-team{
		margin-bottom: 25px
	}

	#pagina-who .single-team .info{
		height: 57px;
	}

	#lightbox #close-lightbox {
	    top: 8px;
	    right: 10px;
	}

	#pagina-process .row-container3 .col-progress {
	    margin-top: 30px;
	}

	#pagina-process .row-container3 .single-row-process > .col-40, #pagina-process .row-container3 .single-row-process > .col-20{
	    width: 100%;
    	margin-bottom: 15px;
	}

	#pagina-process .row-container3 .img-process{
		width: 100%;
		margin-left: 0
	}

	#pagina-process .row-container4 .cont-title {
	    top: 40px;
	}

	#pagina-process .space{
		padding-top: 40px;
	}

	#pagina-service .row-container1, #pagina-service .row-container1b, #pagina-service .row-container2, #pagina-service .row-container3, #pagina-service .row-container4, .inner-col-cont{
	    padding: 0 20px;
	}

	#pagina-what .row-container {
	    padding: 0 15px;
	}

	.scrollToTop {
	    bottom: 13px;
	    right: 13px;
	}

	#pagina-what {
	    padding-top: 70px;
	}

	.navbar-filters{
		margin-bottom: 0px;
	}

	.grid-item{
		width: 49.8%;
	}

	.grid-sizer{
	  width: 49.8%;
	}

	.filter-category {
	    margin-right: 15px;
	}
}

@media screen and (max-width: 410px) {
	#pagina-process .row-container6 .col-client p{
		font-size: 14px;
		margin: 15px 0;
	}
}


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

	.loader h1 {
	    font-size: 60px;
	    margin-left: -68px;
	    margin-top: -36px;
	}

	.loader.loaderwhat h1 {
	    margin-left: -85px;
	}

	.loader.loaderprocess h1 {
	   margin-left: -134px;
	}

	.loader.loaderservice h1 {
	    margin-left: -120px;
	}
}


@media screen and (max-width: 374px) {
	h2 {
	    font-size: 30px;
	}

	p {
	    font-size: 21px;
	}

	#pagina-who .small-p p {
	    font-size: 16px;
	}

	#pagina-who .small-p p {
	    margin: 30px 0;
	}
}


@media screen and (max-width: 330px) {
	#pagina-process .row-container6 .col-client{
		margin-top: -15px
	}

	#pagina-process .row-container6 .col-client p {
    	font-size: 12px;
    }

}


@media screen and (max-height: 500px) {
  #lightbox img {
	  max-width: 92%;
	  max-height: 84vh;
	}
}