@media (max-width: 1040px) {
  #pageloader .content{
     margin-top: 102px;
  }  
}

@media (max-width: 940px) {

   .main-slider .caption p.small{
      font-size: 14px;
      margin-bottom: 5px;
   }

   .main-slider .caption p.big{
      font-size: 24px;
      line-height: 28px;
      margin-top: 10px;
      margin-bottom: 0;
   }
   .main-slider .caption p.medium{
      font-size: 20px;
      line-height: 22px;
      font-weight: 700;
   }

}

@media (max-width: 840px) {
   #pageloader{
      width: 100%;
   }

   h1#logo{
      padding: 0;
   }
   #contactus .contactform{
      margin-top: 30px;
   }
   header {
      background: rgba(255,255,255,1);
      padding: 20px 20px 20px 20px;
      position: absolute;
   }
   header h1#logo, header nav{
      margin-top: 0;
   }

   #gallery #items.gallery-two .item{
      height: 140px;
   }
      #gallery #items.gallery-three .item{
      width: 33.33%;
      height: 120px;
   }
   #gallery #items.gallery-four .item{
      width: 25%;
      height: 80px;
   }
   #gallery #items.gallery-five .item{
      width: 25%;
      height: 80px;
   }
   #gallery #items.gallery-six .item{
      width: 25%;
      height: 80px;
   }
}

@media (max-width: 690px) {
   #pageloader{
      background: rgba(255,255,255,0.95);
   }

   #gallery #items .item{
      width: 100% !important;
      height: 220px !important;
   }

   #pageloader{
      right: 0;
      padding: 20px 0;
   }
   
}

@media (max-width: 400px) {
   .main-slider .caption.compact{
      bottom: 0;
      left: 5px;
   }
   .main-slider .caption p.small{
      font-size: 12px;
      font-weight: 400;
      margin-bottom: 5px;
   }
   .main-slider .caption p.medium{
      font-size: 15px;
      line-height: 20px;
      font-weight: 400;
   }
   .main-slider .caption p.big{
      font-size: 18px;
      line-height: 22px;
      margin-top: 8px;
      margin-bottom: 0;
   }
   .main-slider .slider-nav{
      bottom: 5px;
      right: 0px;
      /*display: none;*/
   }
   .slider-nav ul{
      margin-bottom: 50px;
   }
   .slider-nav ul a{
      width: 32px;
      height: 21px;
   }
   .slider-nav ul .next,
   .slider-nav ul .prev{
      display: none;
   }
   header{
      padding-top: 35px;
   }
   header h1#logo{
      top: 25px;
   }
   header .socials{
      clear: both;
      float: none;
      position: absolute;
      top: 4px;
      right: 18px;
   }
   header .socials li{ 
      float: right; 
      margin-right: 2px;
      width: 28px;
      height: 18px;
      font-size: 12px;
   }
   header .cards .front{
      background: #ddd;
   }

   header .socials .cards{
      transform-origin: 8px 8px;
      -webkif-transform-origin: 8px 8px;
      -moz-transform-origin: 8px 8px;
      -o-transform-origin: 8px 8px;
      -ms-transform-origin: 8px 8px;
   }
   header .socials .cards .front.animation-ready{
      transform: rotateX( 0deg )  translateZ( 8px );
      -webkit-transform: rotateX( 0deg )  translateZ( 8px );
      -moz-transform: rotateX( 0deg )  translateZ( 8px );
      -o-transform: rotateX( 0deg )  translateZ( 8px );
      -ms-transform: rotateX( 0deg )  translateZ( 8px );
   }
   header .socials .cards .back{
      background: #222;
      color: #fff;
      /*transform-origin: top center;
      -webkif-transform-origin: top center;*/
      transform: rotateX( -90deg )  translateZ( 8px );
      -webkit-transform: rotateX( -90deg )  translateZ( 8px );
      -moz-transform: rotateX( -90deg )  translateZ( 8px );
      -o-transform: rotateX( -90deg )  translateZ( 8px );
      -ms-transform: rotateX( -90deg )  translateZ( 8px );
      z-index: 100;
      display: none;
   }

   header .toggle a{
      font-size: 18px;
   }
}