/*------- START FOOTER--------*/

/* CONTACT RESPONSIVE IN MEASURES 750px and 580px*/

@media(max-width:750px){
    html{
      font-size: 12px;
    }
    .footer-widget{
      height: auto;
      flex-direction: column;
      text-align: center;
      align-items: center;
      justify-content: center;
    }
  }
  @media(max-width:580px){
    html{
      font-size: 10px;
    }
    .footer-widget{
      height: auto;
      flex-direction: column;
      text-align: center;
      align-items: center;
      justify-content: center;
    }
  }
    @media(max-width:750px){
      html{
        font-size: 12px;
      }
      .col-lg-3 col-md-6 mb-40t{
        height: auto;
        text-align: center;
        align-items: center;
        justify-content: center;
      }
    }
    @media(max-width:580px){
      html{
        font-size: 10px;
      }
      .col-lg-3 col-md-6 mb-40{
        height: auto;
        text-align: center;
        align-items: center;
        justify-content: center;
      }
  }
  /*------------ Seccion de redes sociales  -----------------*/
  @media(max-width:750px){
    .footer-widget .title{
      height: auto;
      text-align: center;
      align-items: center;
      justify-content: center;
      margin-left: 50px; 
    }
    .footer-widget .title:before{
      margin-right: 10px;
    }
    .contact-widget.social ul{
        display: flex;
        justify-content: center;
        align-items: center;
        flex-wrap: wrap;
        margin-left: 7px;
    }
    .contact-widget.social ul li{
        flex-basis: calc(33.33% - 20px);
        margin-bottom: 10%;
        text-align: center;
        margin-left: 19px;
    }
  }
  @media(max-width: 580px){
    .footer-widget .title{
      height: auto;
      text-align: center;
      align-items: center;
      justify-content: center;
      margin-left: 40px;
    }
    .footer-widget .title:before{
      margin-right: 10px;
    }
    .contact-widget.social ul{
        display: flex;
        justify-content: center;
        align-items: center;
        flex-wrap: wrap;
        margin-left: 45px;
    }
  }
  /*-----------Aling the text CIRC and :before -------------*/
  @media(max-width:750px){
    .footer-widget .titleC{
      text-align: center;
      position: relative;
    }
    .footer-widget .titleC:before{
      content: "";
      position: absolute;
      width: 100%;
      height: 2px;
      /*background-color: #000;*/
      bottom: -10px;
      left: 0;
      right: 0;
      margin: auto;
    }
  }
  @media(max-width:580px){
    .footer-widget .titleC{
      text-align: center;
      position: relative;
    }
    .footer-widget .titleC:before{
      content: "";
      position: absolute;
      width: 30%;
      height: 2px;
      /*background-color: #000;*/
      bottom: -10px;
      left: 0;
      right: 0;
      margin: auto;
    }
  }
  
  
  
  /* CONTACT RESPONSIVE IN MEASURES 360px and 640px*/
  
  @media(max-width:640px){
    html{
      font-size: 12px;
    }
    .footer-widget{
      height: auto;
      flex-direction: column;
      text-align: center;
      align-items: center;
      justify-content: center;
    }
  }
  @media(max-width:360px){
    html{
      font-size: 10px;
    }
    .footer-widget{
      height: auto;
      flex-direction: column;
      text-align: center;
      align-items: center;
      justify-content: center;
    }
  }
    @media(max-width:640px){
      html{
        font-size: 12px;
      }
      .col-lg-3 col-md-6 mb-40t{
        height: auto;
        text-align: center;
        align-items: center;
        justify-content: center;
      }
    }
    @media(max-width:580px){
      html{
        font-size: 10px;
      }
      .col-lg-3 col-md-6 mb-40{
        height: auto;
        text-align: center;
        align-items: center;
        justify-content: center;
      }
  }
  /*------------ Seccion de redes sociales ----------------*/
  @media(max-width:640px){
    .footer-widget .title{
      height: auto;
      text-align: center;
      align-items: center;
      justify-content: center;
      margin-left: 40px; 
    }
    .footer-widget .title:before{
      margin-right: 10px;
    }
    .contact-widget.social ul{
        display: flex;
        justify-content: center;
        align-items: center;
        flex-wrap: wrap;
        margin-left: 5px;
    }
    .contact-widget.social ul li{
        flex-basis: calc(33.33% - 20px);
        margin-bottom: 10%;
        text-align: center;
        margin-left: 14px;
    }
  }
  /*------------title Social reponsive ------------------*/
  @media(max-width: 360px){
    .footer-widget .title{
      height: auto;
      text-align: center;
      align-items: center;
      justify-content: center;
      margin-left: 50px;
    }
    .footer-widget .title:before{
      margin-right: 13px;
    }
    .contact-widget.social ul{
        display: flex;
        justify-content: center;
        align-items: center;
        flex-wrap: wrap;
        margin-left: 45px;
    }
  }
  /*-----------Aling the text CIRC and :before -------------*/
  @media(max-width:640px){
    .footer-widget .titleC{
      text-align: center;
      position: relative;
    }
    .footer-widget .titleC:before{
      content: "";
      position: absolute;
      width: 100%;
      height: 2px;
      /*background-color: #000;*/
      bottom: -10px;
      left: 0;
      right: 0;
      margin: auto;
    }
  }
  /*----------------- Title CIRC Responsive  --------------------*/
  @media(max-width:360px){
    .footer-widget .titleC{
      text-align: center;
      position: relative;
    }
    .footer-widget .titleC:before{
      content: "";
      position: absolute;
      width: 30%;
      height: 2px;
      /*background-color: #000;*/
      bottom: -10px;
      left: 0;
      right: 0;
      margin: auto;
    }
  }
  
  /*        MEDIDAS MÁS PEQUEÑAS      */
  
  /*------------title Social reponsive ------------------*/
  @media(max-width: 360px){
    .footer-widget .title{
      height: auto;
      text-align: center;
      align-items: center;
      justify-content: center;
      margin-left: 10px;
    }
    .footer-widget .title:before{
      margin-right: 5px;
    }
    .contact-widget.social ul{
        display: flex;
        justify-content: center;
        align-items: center;
        flex-wrap: wrap;
        margin-left: 5px;
    }
  }
  /*-----------Aling the text CIRC and :before -------------*/
  @media(max-width:640px){
    .footer-widget .titleC{
      text-align: center;
      position: relative;
    }
    .footer-widget .titleC:before{
      content: "";
      position: absolute;
      width: 30%;
      height: 2px;
      /*background-color: #000;*/
      bottom: -10px;
      left: 0;
      right: 0;
      margin: auto;
    }
  }
  /*----------------- Title CIRC Responsive  --------------------*/
  @media(max-width:360px){
    .footer-widget .titleC{
      text-align: center;
      position: relative;
    }
    .footer-widget .titleC:before{
      content: "";
      position: absolute;
      width: 30%;
      height: 2px;
      /*background-color: #000;*/
      bottom: -10px;
      left: 0;
      right: 0;
      margin: auto;
    }
  }