/*================================ 
    #RESPONSIVE CSS 
====================================*/

/* Tablet Layout: 768px.*/
@media only screen and (min-width: 768px) and (max-width: 991px) {

  /* gtportfolio */
  .gtportfolio-area .gtgallery-items.col-2 .pf-item,
  .gtportfolio-area .gtgallery-items.col-3 .pf-item,
  .gtportfolio-area .gtgallery-items.col-4 .pf-item {
    width: 50%;
  }

  
}

/* Mobile Layout: 320px. */
@media only screen and (max-width: 767px) {

  
  .owl-carousel.owl-theme .owl-nav {
    display: none;
  }


  /* Carousel Indicators */
  .banner-area .carousel-indicators {
    right: auto;
    left: 50%;
    top: auto;
    transform: translate(-50%, -50%);
    bottom: 25px;
  }

  .banner-area .carousel-indicators li {
    display: inline-block;
    margin: 0 4px;
  }

  

  /* gtportfolio */
  .gtportfolio-area.default-padding {
    padding-bottom: 35px;
  }

  .gtportfolio-area.gtgallery-carousel {
    padding-bottom: 50px;
  }

  .gtportfolio-area .gtgallery-items.col-2 .pf-item,
  .gtportfolio-area .gtgallery-items.col-3 .pf-item,
  .gtportfolio-area .gtgallery-items.col-4 .pf-item {
    width: 100%;
  }

  .gtgallery-items-area button {
    border: 2px solid #e7e7e7;
    margin: 5px 3px;
  }

  .gtgallery-items-area button.active {
    border-color: transparent;
  }

  .gtgallery-items-area button::after {
    display: none;
  }



/* Max Wide Mobile Layout: 600px. */
@media only screen and (min-width: 600px) and (max-width: 767px) {

  /* gtportfolio */
  .gtportfolio-area .gtgallery-items.col-2 .pf-item,
  .gtportfolio-area .gtgallery-items.col-3 .pf-item,
  .gtportfolio-area .gtgallery-items.col-4 .pf-item {
    width: 50%;
  }
}

/* Wide Mobile Layout: 480px. */
@media only screen and (min-width: 480px) and (max-width: 767px) {


}

/* Custom Wide Layout: 480px. */
@media only screen and (min-width: 400px) and (max-width: 767px) {

}