/* 05 responsive styles */
@media screen and (max-width: 991px) and (min-width: 768px) {}

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

  .nosotros .inner-content .primary-btn {
    margin-bottom: 30px;
  }

  .contacto .inner-box::before {
    display: none;
  }

  .pad-top120 {
    padding-top: 30px;
  }

  .pad100,
  .padtb,
  .pad80,
  .ptb {
    padding: 30px 0;
  }

  .pad-top100 {
    padding: 30px 0 0;
  }

  .pad-t90 {
    padding-top: 30px;
  }

  .pad-t120 {
    padding-top: 30px;
  }

  .mt60 {
    margin-top: 10px;
  }

  .mt65 {
    margin-top: 15px;
  }

  .xs-mb30 {
    margin-bottom: 30px !important;
  }

  .xs-mb40 {
    margin-bottom: 40px !important;
  }

  .padtb {
    padding: 30px 0;
  }

  .ptb60 {
    padding: 30px 0 30px;
  }

  .mt50 {
    margin-top: 0;
  }

  .xs-mb40 {
    margin-bottom: 40px;
  }

  .mt40 {
    margin-top: 0;
  }

  .mtb100 {
    margin: 30px 0;
  }

  .pad-tb {
    padding: 200px 0;
  }

  .xs-pt-0 {
    padding-top: 0;
  }

  .xs-mt30 {
    margin-top: 30px !important;
  }

  .mb50 {
    margin-bottom: 30px;
  }

  br {
    display: none;
  }

  .mb80 {
    margin-bottom: 30px;
  }

  .row .no-gutter {
    margin-left: 0;
  }

  .mb0 {
    margin: 0 0 !important;
  }

  .ptb50 {
    padding: 30px 0;
  }

  .mtb50 {
    margin: 30px 0;
  }

  .pr-0 {
    padding-right: 15px !important;
  }

  .pl-0 {
    padding-left: 15px !important;
  }

  .pad-b100 {
    padding-bottom: 30px;
  }

  .navbar-expand-lg {
    background-color: #001112;
    /* margin-top: 30px; */
  }

  .f-logo img {
    width: 90%;
  }

  .pdd p {
    margin-bottom: 40px;
  }

  .header .navbar-toggler-icon {
    background-color: #fff;
    outline: none;
    padding-top: 4px;
    color: #fff;
  }

  .header .navbar-nav .nav-link {
    line-height: 45px;

  }

  .header .navbar-nav .dropdown-menu {
    width: 100%;
  }

  .base-style-2 .navbar-nav li.active>a {
    color: #fff !important;
  }

  .base-style-2 .navbar-nav .nav-link {
    color: #fff;
  }

  .header .navbar-nav {
    align-items: flex-start;
    margin-top: 20px;
    border-top: 1px solid #eee;
  }

  .hero-banner-area .banner-content h1 {
    font-size: 30px;
    line-height: 40px;
  }

  .nosotros {
    padding: 80px 0;
  }

  .nosotros h2 {
    font-size: 25px;
  }

  .proceso {
    padding: 80px 0;
  }

  .proceso h3 {
    font-size: 25px;
  }

  .contacto {
    padding: 80px 0;
  }

  .contacto h6 {
    font-size: 25px;
  }

  .contacto .inner-contact label {

    font-weight: 500;
  }

  .contacto .inner-contact label span {

    font-weight: 500;
  }


  .hero-banner-area .banner-content p {
    line-height: 25px;
  }

  .section-title .title-text h2 {
    font-size: 23px;
    line-height: 23px;
  }


  .footer-area .menu-footer {
    justify-content: flex-start;
  }

  .footer-area .menu-footer li a {
    margin-left: 15px;
  }

  .footer-area .redes {
    justify-content: flex-start;
  }

  .footer-area .redes .redes-footer {
    margin-left: 15px;
  }

  .contact-us-area .section-title {
    margin-top: 0;
  }

  .contact-us-area .icon-box .box-icons {
    margin-right: 30px;
  }

  .contact-us-area .icon-box .inner-content h3 {
    font-size: 20px;
    line-height: 20px;
    margin-bottom: 20px;
  }



  .title-text.fn h2 {
    font-size: 19px;
    line-height: 19px;
  }


  .error-page .inner-content p {
    font-size: 13px;
  }

  .section-title .title-text.pl p {
    font-size: 13px;
  }

  .contact-us-area.about .icon-box .inner-content h3 {
    margin: 30px 0 30px;
  }

}

/* 05 responsive styles */