/*------------------------------------------
  Responsive Grid Media Queries - 1280, 1024, 768, 480
   1280-1024   - desktop (default grid)
   1024-768    - tablet landscape
   768-480     - tablet
   480-less    - phone landscape & smaller
--------------------------------------------*/

@media all and (min-width: 1024px) and (max-width: 1280px) {
  
}

@media all and (min-width: 960px) and (max-width: 1024px) {


}

@media all and (min-width: 768px) and (max-width: 960px) {


}

@media all and (min-width: 480px) and (max-width: 768px) {

  .logo {
    width: 4rem;
  }

  .bx-controls-direction {
    display: block !important;
  }

  .single-projects .project-overlay {
    padding: 2rem 1.5rem 12rem;
  }

  .single-projects .project-content h1 {
    font-size: 2.2rem;
  }

  .single-projects .project-content .container {
    padding: 0;
    font-size: 1.4rem;
  }

  .single-projects .project-content .awards {
    font-size: 1.4rem;
  }

  .container {
    padding: 0 2rem;
  }

  .header .head-container {
    padding: 0 2rem;
    height: 6rem;
  }

  .contact .info-left,
  .contact .map {
    width: 100%;
    margin-bottom: 8rem;
  }

  .contact .contact-form {
    margin-top: 2rem;
  }

  .page-template-default .container {
    margin-top: 2rem;
  }

  .side-nav {
    padding: 0 2rem 6rem;
  }

  .projects-loop .item, .projects-loop .item-sizer {
    width: 100%;
  }

  .projects-loop .item {
    margin-bottom: 2rem;
  }

  .bx-wrapper .bx-next {
    right: 2rem !important;
  }

  .bx-wrapper .bx-prev {
    left: 2rem !important;
  }

  .home .bx-viewport,
  .single-projects .bx-viewport,
  .pub-slider-container,
  .pop-up {
    max-height: calc(100vh - 6rem) !important;
  }

  .pop-up .bx-wrapper img {
    max-height: calc(100vh - 6rem) !important;
  }

  .projects-loop .item .title {
    transform: translate(0, 0) !important;
    background-color: rgba(255, 255, 255, 0.85) !important;
  }

  .close-btn {
    right: 2rem;
  }

  .home .home-page-slider .slide .project-title {
    right: 2rem;
  }

}

@media all and (max-width: 480px) {

 .logo {
    width: 4rem;
  }

  .bx-controls-direction {
    display: block !important;
  }

  .single-projects .project-overlay {
    padding: 2rem 1.5rem 8rem;
  }

  .single-projects .project-content h1 {
    font-size: 2.2rem;
  }

  .single-projects .project-content .container {
    padding: 0;
    font-size: 1.4rem;
  }

  .single-projects .project-content .awards {
    font-size: 1.4rem;
  }

  .container {
    padding: 0 2rem;
  }

  .header .head-container {
    padding: 0 2rem;
    height: 6rem;
  }

  .contact .info-left,
  .contact .map {
    width: 100%;
    margin-bottom: 8rem;
  }

  .contact .contact-form {
    margin-top: 2rem;
  }

  .page-template-default .container {
    margin-top: 2rem;
  }

  .side-nav {
    padding: 0 2rem 6rem;
  }

  .projects-loop .item, .projects-loop .item-sizer {
    width: 100%;
  }

  .projects-loop .item {
    margin-bottom: 2rem;
  }

  .project-overlay .bx-wrapper .bx-next {
    right: 0 !important;
  }

  .project-overlay .bx-wrapper .bx-prev {
    left: 0 !important;
  }

  .bx-wrapper .bx-next {
    right: 2rem !important;
  }

  .bx-wrapper .bx-prev {
    left: 2rem !important;
  }

  .home .bx-viewport,
  .single-projects .bx-viewport {
    max-height: calc(100vh - 6rem) !important;
  }

  .pop-up .bx-wrapper img {
    max-height: calc(100vh - 6rem) !important;
  }

  .logo {
    width: 4rem;
  }

  .bx-controls-direction {
    display: block !important;
  }

  .single-projects .project-content h1 {
    font-size: 2.2rem;
  }

  .single-projects .project-content .container {
    padding: 0;
    font-size: 1.4rem;
  }

  .single-projects .project-content .awards {
    font-size: 1.4rem;
  }

  .container {
    padding: 0 2rem;
  }

  .header .head-container {
    padding: 0 2rem;
    height: 6rem;
  }

  .contact .info-left,
  .contact .map {
    width: 100%;
    margin-bottom: 8rem;
  }

  .contact .contact-form {
    margin-top: 2rem;
  }

  .page-template-default .container {
    margin-top: 2rem;
  }

  .side-nav {
    padding: 0 2rem 6rem;
  }

  .projects-loop .item, .projects-loop .item-sizer {
    width: 100%;
  }

  .projects-loop .item {
    margin-bottom: 2rem;
  }

  .bx-wrapper .bx-next {
    right: 2rem !important;
  }

  .bx-wrapper .bx-prev {
    left: 2rem !important;
  }

  .home .bx-viewport,
  .single-projects .bx-viewport,
  .pub-slider-container,
  .pop-up {
    max-height: calc(100vh - 6rem) !important;
  }

  .projects-loop .item .title {
    transform: translate(0, 0) !important;
    background-color: rgba(255, 255, 255, 0.85) !important;
  }

  .close-btn {
    right: 2rem;
  }

  .home .home-page-slider .slide .project-title {
    right: 2rem;
  }
}


/* Portrait */

@media screen and (orientation:portrait) {
    /* Portrait styles here */
}


/* Landscape */

@media screen and (orientation:landscape) {
  
}


/* CSS for iPhone, iPad, and Retina Displays */


/* Non-Retina */

@media screen and (-webkit-max-device-pixel-ratio: 1) {}


/* Retina */

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 3/2),
only screen and (min--moz-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5) {}


/* iPhone Portrait */

@media screen and (max-device-width: 480px) and (orientation:portrait) {}

/* Landscape */
@media screen 
  and (min-device-width: 320px) 
  and (max-device-height: 812px) 
  and (orientation: landscape) {
    .header {
      display: none;
    }

    .wrapper {
      padding-bottom: 0 !important;
    }

    body {
      background-color: black;
    }

    .home .bx-viewport, .single-projects .bx-viewport, .pub-slider-container, .pop-up {
      max-height: 100vh !important;
    }
}

/* Landscape */
@media screen 
  and (min-device-width: 320px) 
  and (max-device-height: 812px) 
  and (-webkit-device-pixel-ratio: 2)
  and (orientation: landscape) {
    .header {
      display: none;
    }

    .wrapper {
      padding-bottom: 0 !important;
    }

    body {
      background-color: black;
    }

    .home .bx-viewport, .single-projects .bx-viewport, .pub-slider-container, .pop-up {
      max-height: 100vh !important;
    }
}

/* Landscape */
@media screen 
  and (min-device-width: 320px) 
  and (max-device-height: 640px) 
  and (-webkit-device-pixel-ratio: 3)
  and (orientation: landscape) {
    .header {
      display: none;
    }

    .wrapper {
      padding-bottom: 0 !important;
    }

    body {
      background-color: black;
    }

    .home .bx-viewport, .single-projects .bx-viewport, .pub-slider-container, .pop-up {
      max-height: 100vh !important;
    }
}

@media screen 
  and (min-device-width: 320px) 
  and (max-device-height: 640px) 
  and (-webkit-device-pixel-ratio: 4) 
  and (orientation: landscape) {
    .header {
      display: none;
    }

    .wrapper {
      padding-bottom: 0 !important;
    }

    body {
      background-color: black;
    }

    .home .bx-viewport, .single-projects .bx-viewport, .pub-slider-container, .pop-up {
      max-height: 100vh !important;
    }
}