/***********************************************
File: responsive.css
Description: Description: Template styles for responsive design (for phone and tablet devices)
Version: 1.0
************************************************/
/***** w > 768 *****/
@media (min-width: 768px) {
  .navbar-nav.navbar-right > li:last-child > a {
    border-bottom-right-radius: 4px;
    border-top-right-radius: 4px;
  }
  .navbar-nav.navbar-left > li:last-child > a {
    border-bottom-left-radius: 4px;
    border-top-left-radius: 4px;
  }
  .navbar-nav > li > a {
    padding-top: 25.5px;
    padding-bottom: 25.5px;
  }
  .sticky .navbar-nav.navbar-right > li:last-child > a {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
  }
  .sticky .navbar-nav.navbar-left > li:last-child > a {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
  }
}
/***** w < 768 *****/
@media (max-width: 768px) {
  .services .text-section {
    margin-bottom: 20px;
  }
  .section {
    padding: 35px 0;
  }
  .heading-section {
    margin-bottom: 35px;
  }
  .price-column {
    margin-bottom: 20px;
  }
  .main-footer .copy,
  .main-footer .social {
    text-align: center;
  }
  .main-header.fixed {
    top: 0;
  }
  .promo-block .btn {
    margin-bottom: 20px;
  }
  .gallery-list .item {
    margin-bottom: 20px;
  }
  .portfolio-list .p-item {
    width: 100%;
  }
}
/***** w < 992 *****/
@media (max-width: 992px) {
  .nav > li > a {
    padding-left: 10px;
    padding-right: 10px;
    font-size: 12px;
    font-weight: 400;
  }
  .promo-block .lead {
    font-size: 28px;
  }
  .contacts .contacts-list {
    font-size: 14px;
  }
}
/***** w > 768 && w < 992 *****/
@media (min-width: 768px) and (max-width: 991px) {
  .team .person .btn {
    padding: 1px 5px;
  }
}