@media only screen and (min-width: 1440px) {
  .ashade-content {
    width: 100% !important;
    padding-left: 50px;
    padding-right: 50px;
  }

  .hide-desktop-custom {
    display: none !important;
  }

  .hide-phone-tablet-custom {
    display: block !important;
  }

  .hide-subnav-portfolio-phone-tablet-custom{
    display: flex !important;
  }

  .ashade-home-template .ashade-content{
    opacity: 1 !important;
  }

  .portfolio-rectangle-background-custom {
    height: 450px;
  }

  .home-slide1-rectangle-background-custom {
    margin-left: -30% !important;
  }

  .home-slide1-rectangle2-background-custom {
    width: 80% !important;
  }

 /* .ashade-col{
    margin: 0 3.5%;
  }*/
  .contact-custom-responsive .ashade-col {
    margin: 0 5%;
  }


.home-title-custom {
  margin-bottom: 0px;
  font-size: 50px;
}

.home-text-custom {
  font-size: 38px;
  font-weight: 200;
  color: #ffffff;
  line-height: 1.2;
  padding: 0 45px 0 45px;
}

  .home-contact-title {
  font-size: 20px;
  line-height: 1.5;
}

.home-contact-text {
  font-size: 18px;
  line-height: 1.5;
}

.custom-button-text {
  font-size: 18px;
}

.cgi-text-custom {
  font-size: 16px;
  line-height: 1.4;
}

.photo-custom-div {
  bottom: 20%;
}

.content-portfolio-custom {
  padding-left: 35px !important;
  padding-right: 35px !important;
}

/*.content-portfolio-custom .ashade-row {
  margin-bottom: 40px;
}
*/
.content-portfolio-custom .ashade-row .ashade-col {
  margin: 0 15px;
}

header .col-2 {
/*  margin: 0;
  margin-right: 12px;*/
  padding-left: 50px;
  padding-right: 50px;
}

.contact-content-custom {
  max-width: 85%;
}

.contact-content-custom .ashade-col{
  margin: 0 20px;
}

.section-portfolio-custom h5 {
  font-size: 32px;
}

.section-portfolio-custom h6 {
  font-size: 30px;
}

.ashade-col.col-6{
  width: 50% !important;
}

.ashade-col.col-7{
  width: 60% !important;
}

.ashade-col.col-5{
  width: 39% !important;
}

.portfolio-shadow-hover-custom {
  height: 45vh !important;
}
/*.col-margin {
  margin-left: 2% !important;
}*/

/*.col-left {
  padding-right: 30px;
}*/
}

@media only screen and (min-width: 1025px) {
  .ashade-content {
    width: 100% !important;
    padding-left: 50px;
    padding-right: 50px;
  }

  .hide-desktop-custom {
		display: none !important;
	}

  .hide-phone-tablet-custom {
		display: block !important;
	}

	.hide-subnav-portfolio-phone-tablet-custom{
		display: flex !important;
	}

	.ashade-home-template .ashade-content{
		opacity: 1 !important;
	}
}


@media only screen and (min-width: 900px) and (max-width: 1024px) {
.home-title-div{
  margin-top: -230px !important;
}

.ashade-row {
  display: block !important;
  text-align: center;
}

}

/* Mobile Phone Styles 
   ------------------- */
@media only screen and (max-width: 1024px) {
	.ashade-content {
    width: 100% !important;
  }

  .hide-desktop-custom {
		display: block !important;
	}

	.hide-phone-tablet-custom {
		display: none !important;
	}

	.ashade-row {
		margin: 0 5% !important;
	}

	.index-header-custom {
		padding: 6% 5% 0% 5% !important;
	}

	.home-title-custom {
		font-size: 22px;
		line-height: 1.3;
	}

	.home-text-custom {
		font-size: 15px;
		line-height: 1.3;
    padding: 0;
	}

	.background-mobile {
		height: 120vh !important;
	}

	.line-header-responsive-custom {
		width: 90%;
		display: block;
		border-color: #808080;
    margin-left: 4.9%;
	}

  .line-header-responsive-custom-2 {
    display: none;
  }

	.content-mobile-custom {
		margin-top: -83px !important;
		min-height: 108vh !important;
    padding-bottom: 80px !important;
	}

	.home-title-div {
		z-index: 5;
	}

	.video-background-mobile-custom video {
		max-height: 100% !important;
	}

	.mobile-section-custom {
		margin-top: 50%;
	}

	.home-custom-link-mobile {
		width: 100%;
	}

	.ashade-section {
		position: relative;
		height: 100%;
	}

	.carousel-mobile-custom {
		margin-left: 0px !important;
		margin-right: 0px !important;
	}

	.swiper-container {
    width: 640px;
    height: 480px;
  }

  .swiper-slide {
/*  	margin-left: 6%;*/
    text-align: left;
    font-size: 18px;
    background: #000;

    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: left;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: flex-end;
/*    width: 60%;*/
    overflow: hidden;
  }

  .swiper-slide img {
  	height: 100%;
  	max-width: initial;
  }

  .swiper-slide:nth-child(2n) {
 
  }

  .swiper-slide:nth-child(3n) {
  }

  .carousel-text-mobile-custom {
  	position: absolute;
  	margin-left: 4%;
  }

  .carousel-text-mobile-custom span {
  	color: #fff;
  }

  .rectangle-background-custom {
  height: 100%;
  width: 100%;
  margin-left: 21%;
  background-color: #191919;
  -ms-transform: skewX(-37deg);
  -webkit-transform: skewX(-37deg);
  transform: skewX(-37deg); 
  }

  .contact-rectangle-background-mobile-custom{
  	height: 110vh;
  	top: -32vh;
  	position: absolute;
  	opacity: 0.1;
  	background-color: #fff;
  	margin-left: 34%;
  	width: 115%;
  }

  .contact-rectangle-background-mobile-custom-cgi-main {
    -ms-transform: skewX(37deg);
    -webkit-transform: skewX(37deg);
    transform: skewX(37deg);
    margin-left: -85%;
    width: 200%;
    top: -36vh;
    height: 112vh;
  }

  .contact-rectangle-background-mobile-custom-cgi-subtext {
  	-ms-transform: skewX(37deg);
 		-webkit-transform: skewX(37deg);
  	transform: skewX(37deg);
  	margin-left: -80%;
  }

  .contact-rectangle-background-mobile-custom-photo-subtext {
  	-ms-transform: skewX(37deg);
 		-webkit-transform: skewX(37deg);
  	transform: skewX(37deg);
  	margin-left: 40%;
  	top: -19vh;
  }

  .contact-rectangle-background-mobile-custom-video-subtext {
  	-ms-transform: skewX(37deg);
 		-webkit-transform: skewX(37deg);
  	transform: skewX(37deg);
  	margin-left: 48%;
  	top: -19vh;
  }

  .contact-rectangle-background-mobile-custom-index-proyectos {
    -ms-transform: skewX(37deg);
    -webkit-transform: skewX(37deg);
    transform: skewX(37deg);
    margin-left: -50%;
    width: 95%;
    opacity: 0.7;
    background-color: #000;
  }

  .submit-button-mobile-custom {
  	padding:0;
    margin-top: 20px;
  }

    .submit-button-mobile-custom input{
  	color: #000;
  	border: 0px;
  	-ms-transform: skewX(37deg);
 		-webkit-transform: skewX(37deg);
  	transform: skewX(37deg);
  }

  .contact-text-mobile-custom {
  	margin:5px 0 5px 0;
    padding: 0;
  }

  .maps-div-mobile-custom{
  	padding-bottom: 100px !important;
  }

  .hide-subnav-portfolio-phone-tablet-custom{
		display: none !important;
	}

	.subnav-portfolio-text-custom {
		margin-bottom: 0;
	}

	.header-responsive-portfolio-custom {
		background-color: #000;
	}

	.portfolio-content-wrapper-custom {
		margin-top: 40px;
	}

	.portfolio-content-row-responsive-custom {
		margin-top: 0px !important;
	}

  .text-image-custom-portfolio {
    opacity: 0;
  }

  .ashade-contact-form .contact-input{
    margin-bottom: 10px;
  }

  .ashade-contact-form .ashade-col {
    margin-bottom: 0 !important;
  }

  .content-portfolio-custom {
    padding-top: 50px !important;
  }

  .content-portfolio-custom .col-6{
    margin-bottom: 10px !important;
    margin-top: 0 !important;
  }

  .content-portfolio-custom .col-12{
    margin-bottom: 10px !important;
    margin-top: 0 !important;

  }

  nav.ashade-mobile-menu ul li {
    border-bottom: solid 1px;
    margin-bottom: 10px !important;
  }

/*  .ashade-row-responsive-custom {
    position: absolute;
    top: 34%;
  }*/

  .portfolio-custom-mobile-margin {
    margin-left: 6% !important;
    margin-right: 6% !important;
  }

  .text-image-custom {
    bottom: 43px;
    left:22px;
  }

  .text-image-custom h5{
    font-size: 30px;
  }

  .carousel-mobile-custom h6 {
    font-size: 24px;
  }

  .carousel-mobile-custom .underline-text-custom {
    margin-top: 18px;
  }

  .section-portfolio-custom h5 {
  font-size: 26px;
}

.section-portfolio-custom h6 {
  font-size: 20px;
}

.portfolio-header-custom-responsive {
  padding-top: 5px !important;
  padding-bottom: 5px !important;
}

.portfolio-content-custom {
  padding-top: 0px !important;
}
.portfolio-shadow-hover-custom {
  opacity: 0;
  height: 29vh !important;
  width: 64vh !important;
}

.overlay-custom {
  position: absolute;
  opacity: 0;
  transition: opacity 1s;
  pointer-events: none;
  width: 50%;
  height: 100%;
  left: -1px;
  top: 0;
  background: linear-gradient(-90deg, rgba(0, 0, 0, 0) 0%, #000 100%);
  opacity: 0.75;
}
}

@media only screen and (max-width: 490px) {
    .mobile-section-custom {
    margin-top: 65%;
  }
}