/*---------------------------------------------- Page Layout Designs ----------------------------------------------*/



.swiper-slide.slide-main:nth-child(1) {

  width: 40%;

  min-width: 488px;

  background-color:#07080a;

  background-image:url('../img/designs/Airxon-designs-bg1.jpg');

  background-position: top center;

  background-repeat: no-repeat;

  background-size: contain;

}



.swiper-slide.slide-main:nth-child(1) .billboard-container {

  border-top:10px solid #fff;

  border-right:0px solid #fff!important;

  border-bottom:10px solid #fff;

  border-left:10px solid #fff;

}



.swiper-slide.slide-main:nth-child(2) {

  width: 100%;

  background-color:#07080a;

  background-image:url('../img/patterns/radial_gradient_noise2_repeat.jpg');

  background-position: center center;

  background-repeat: repeat;

}



.swiper-slide.slide-main:nth-child(2) .billboard-container {

  border-top:10px solid #fff;

  border-right:10px solid #fff;

  border-bottom:10px solid #fff;

  border-left:0px solid #fff!important;

}

.swiper-slide.slide-main:nth-child(1) h2, .swiper-slide.slide-main:nth-child(1) .h2 {
    font-family: 'BigNoodleTitling', 'Tungsten', 'Rajdhani', sans-serif!important;
    text-transform: uppercase;
    border: none;
    color: inherit;
    font-weight: 500;
    line-height: 1.0em;
    letter-spacing: -0.01em;
    padding-bottom: 0;
    font-size: 8vh;
    margin-bottom: 2vh;
}

.Airxon-3dlogo {
	max-width: 700px;
	height: auto;
	width:100%;
	margin: -18vh auto 0px auto!important;
}

.portfolio-bottom {
    margin: 0px 5%!important;
    width: 90%!important;
    text-align: center;
    bottom: 6.25vh!important;
}

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

  .swiper-slide.slide-main:nth-child(1) .billboard-container {

      border-top: 10px solid #fff;

      border-right: 10px solid #fff!important;

      border-bottom: 0px solid #fff;

      border-left: 10px solid #fff;

  }

  .swiper-slide.slide-main:nth-child(2) .billboard-container {

      border-top: 0px solid #fff;

      border-right: 10px solid #fff;

      border-bottom: 10px solid #fff;

      border-left: 10px solid #fff!important;

  }

  img.img-responsive.img-draculacastle {
      min-width: 120%;
      min-height: 80vh;
      margin: 0px -5%;
  }

  .page-designs #swipe1 .middle-center {
      margin-top: -10vh;
  }

}