@media (min-width: 1200px) {

    /******* Start Titutlos paginas internas ********/
    h2.content-box-title {
        font-size: 2.8rem;
    }

    h2.content-box-title::before {
        transform: translateX(-36px);
    }

    /******* End Titutlos paginas internas ********/





    /********  Section Banner Home ********/

    .banner-detalles {
        max-width: 540px;
        margin-left: -240px;
    }

    .banner-detalles h1 {
        font-size: 4rem;
        line-height: 4.6rem;
    }

    .banner-detalles p {
        font-size: 1.6rem;
        padding: 20px 0;
        line-height: 2rem;
    }

    .button-ccd {
        font-size: 1.6rem;
    }

    /********  End  Section Banner Home ********/



/******** Start Form Section **********/

    section.appointment-acdelco {
      padding: 6rem 2rem 4rem 2rem;
    }



    .appointment-content .appintment-content_title {
      flex-direction: row;
      justify-content: space-between;
      align-items: flex-end;
    } 

    .ct-appointment .appoinment-header {
      grid-template-columns: .34fr 1.66fr;
    }
    

/******** End Form Section **********/




/******** Start Alignment Section **********/

section.alignment-acdelco {
  max-width: 140rem;
  padding: 2rem;
}

.alignment-content {
  grid-template-columns: 1.3fr 1fr;
}

.alignment-header img {
  border-radius: 2.8rem;
}

.alignment-body h2.alignment-title-0 {
  font-size: 4rem;
  line-height: 4rem;
}

.alignment-body h2.alignment-title-1 {
  font-size: 6.9rem;
  line-height: 7rem;
}

.alignment-info ul li {
  padding-left: .6rem;
  font-size: 1.4rem;
}

/******** End Alignment Section **********/




/******** Start Gallery Section **********/


.gallery-facebook,
.gallery-facebook span {
  max-height: 40rem;
}

.gallery-facebook .fb-page iframe {
  min-height: 39rem;
  /* max-height: 45rem; */
}

.gallery-img img {
  border-radius: 1.4rem;
  /* min-height: 40rem;
  min-width: 40rem; */
  /* max-height: 50rem;
  max-width: 50rem; */
} 

/******** End Gallery Section **********/












    /******** Footer ********/

    .footer-info div.info {
        max-width: 50rem;
      }

      .icons-footer {
        flex-direction: row;
        max-width: 50rem;
      }

      .footer-info .menus {
        gap: 4rem;
        min-width: 52rem;
        max-width: 120rem;
    }

    .menus .one-block,
    .menus .two-block {
        gap: 4rem;
    }

    /******** Footer ********/



}















/************* START UPDATE TO VW ***********/


@media (min-width: 1500px) {

  section.home-section {
    padding-top: 6.53vw;
}

/* .paginas .site-content {
  padding-top: 1.33vw;
} */


    /******* Titutos paginas internas ********/

    /* #main-paginas .bg-title-ccd {
      margin-top: 6.53vw;
  } */



  /*********** Start Widgets ************/


  section.widgets-acdelco {
    gap: .4vw;
  }

  section.widgets-acdelco > figure a {
    gap: .53vw;
    /* width: 7.33vw;
    height: 6vw; */
    width: 6.66vw;
    height: 5.33vw;
    padding: 1.33vw;
    border-radius: .8vw 0 0 .8vw;
    border: .13vw solid #fff;
  }

  section.widgets-acdelco img {
    /* height: 1.86vw; */
    min-height: 2vw;
  }

  section.widgets-acdelco figcaption {
    display: flex;
    font-size: .66vw;
  }


  /*********** End Widgets ************/











    header.home {
        box-shadow: 0 0.13vw 0.26vw #F1F9FF;
    }
      
    .nav-brand {
      max-width: 27.06vw;
      margin-right: 2vw;
  }

    .header-content {
        height: 6.53vw;
    }

    .header-content.fixed {
      height: 5.33vw;
  }

  .header-content.fixed .toogle-search {
      font-size: 1.73vw;
      height: 5.33vw;
      width: 5.33vw;
  }








  




    .toogle-search {
        font-size: 1.86vw;
        height: 6.5vw;
        width: 6.5vw;
        margin-left: .8vw;
    }

    .toogle-close {
        font-size: 1.6vw;
        height: 2.53vw !important;
        width: 2.53vw !important;
      }


      input.search-ccd {
        border: .06vw solid #368BD2;
        height: 3.46vw;
        font-size: .93vw;
        padding: .53vw 2.66vw .53vw 0.8vw;
      }
      

      button.btn-search-ccd {
        padding-right: 0.8vw;
        height: 3.46vw;
        font-size: 1.33vw;
      }









    .navbar-header {
        margin-right: 1.33vw;
    }























    .navbar-header nav.main-nav ul.subsubmenu {
        margin-left: 1.73vw;
    }


    
    /**** Primer nivel de menu ****/
    
    #menu-main-desktop > li > a {
        font-size: 1vw;
        padding: 0.8vw 0.66vw;
        margin-left: 0.33vw;
        /* line-height: 1.6vw; */
    }

    #menu-main-desktop > li > a:focus,
    #menu-main-desktop > li > a:active {
        outline: 0.13vw solid #0054A6 !important;
    }

    #menu-main-desktop > li.contacto-acdelco > a {
        font-size: 1.13vw;
        padding: 0.8vw 1.06vw;
        border-radius: 0.66vw;
    }

    /*** drop down ***/

    #menu-main-desktop > li > i {
        font-size: 1.33vw;

    }

    /******************************/









    /**** Segundo nivel de menu ****/

    #menu-main-desktop ul.submenu {
        min-width: 18.66vw;
        padding: 1.33vw 0.8vw !important;
        border-radius: 0.53vw;
        box-shadow: 0 0.13vw 0.26vw #F1F9FF;
    }
    
    #menu-main-desktop ul.submenu > li > a {
        font-size: 1vw;
    } 

    /******************************/




   /**** Tercer nivel de menu ****/
    
   #menu-main-desktop ul.subsubmenu > li > a {
        font-size: 0.93vw;
    } 

    /******************************/









































    /********  Section Banner Home ********/

    .banner-detalles {
        max-width: 680px;
        margin-left: -300px;
        padding: 8px 20px;
    }

    .banner-detalles h1 {
        font-size: 5rem;
        line-height: 5.6rem;
    }

    .banner-detalles p {
        font-size: 1.6rem;
        padding: 20px 0;
        margin: 4px 0 28px 0;
        line-height: 2rem;
    }

    .button-ccd {
        font-size: 1.6rem;
        padding: 16px 60px;
    }


    .slick-arrow {
        font-size: 2.66vw;
        height: 2.66vw;
        width: 2.66vw;
    }

    span.arrow-left {
        left: 2.53vw;
        padding-right: .26vw;
    }

    span.arrow-right {
        right: 2.53vw;
        padding-left: .26vw;
    }

  


    span.arrow-left {
        left: 3.2vw;
    }

    span.arrow-right {
        right: 3.2vw;
    }





    /********  End  Section Banner Home ********/










/******** Start Form Section **********/



section.appointment-acdelco {
  /* max-width: 93.33vw; */
  max-width: 86.9vw;
  /* padding: 0 1.33vw; */
  padding: 4vw 1.33vw 2.66vw 1.33vw;
}

section.appointment-acdelco .content-header {
  gap: 1.33vw;
}

.ct-appointment .appoinment-header {
  grid-template-columns: .5fr 1.5fr;
}

.appointment-content .appintment-content_title h2 {
  font-size: 1.6vw;
  line-height: 1.84vw;
  padding: 1.33vw 0 ;
  /* max-width: 12vw; */
}

section.appointment-acdelco .appointment-content_desc p {
  font-size: .93vw;
}

.ct-appointment .appoinment-header {
  gap: 1.33vw;
}

.ct-appointment .appoinment-header img {
  border-radius: .53vw;
}

section.appointment-acdelco .form-group {
  margin-bottom: 1vw;
}


section.appointment-acdelco input {
  font-size: .93vw;
  border-radius: .8vw;
  padding: 1.33vw 1.86vw;
  height: 3.66vw;
}


section.appointment-acdelco button[type='submit'] {
  font-size: 1.06vw;
  /* padding: 1.2vw 4vw; */
  padding: .93vw 3.2vw;
  border-radius: .8vw;
  max-width: 12vw;

}


section.appointment-acdelco .card-form {
  display: flex;
  place-items: center;
  gap: .8vw;
  width: 16vw;
  /* width: 16.93vw; */
  height: 3.66vw;
  border-radius: .46vw;
  padding: .46vw .8vw;
}

section.appointment-acdelco .card-form .card-icon {
  height: 2.46vw;
  width: 2.46vw;
}

section.appointment-acdelco .card-form .card-icon i {
  font-size: 1.33vw;
}

section.appointment-acdelco .card-form .card-info {
  width: 9.33vw;
}

section.appointment-acdelco .card-form .card-info p {
  font-size: .73vw;
}

section.appointment-acdelco .content-cards {
  gap: .8vw;
}

section.appointment-acdelco .card-header {
  flex-direction: row;
  gap: 1.33vw;
  place-content: space-between; 
  place-items: end;
}

section.appointment-acdelco .card-header h2 {
  font-size: 1.6vw;
  line-height: 1.33vw;
  padding-top: 1.33vw;
}

section.appointment-acdelco .card-text {
  padding-top: .8vw;
}

section.appointment-acdelco .card-text p {
  font-size: .93vw;
}

section.appointment-acdelco div.col-md-3 img {
  min-height: 20vw;
  object-fit: cover;
  border-radius: 1.06vw;
}











section.appointment-acdelco #formPedirCita {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: .8vw;
}



/******** End Form Section **********/
























    /**** Start Cards Acdelco ****/

    section.cards-acdelco {
        /* max-width: 96vw; */
        /* max-width: 90vw; */
        max-width: 85.33vw;
        /* 1280 */
        padding: 1.33vw .26vw;
      }

      .body-acdelco {
        gap: .8vw;
        /* margin-right: 2.66vw; */
      }


    .body-acdelco .cards-body {
        height: 5.60vw;
        margin: 0 .15vw;
    }

    .card-acdelco {
        padding: .8vw 1.2vw;
        gap: .8vw;
        border-radius: .53vw;
      }
      

      .card-acdelco img {
        /* height: 3vw; */
        /* height: 2.6vw; */
        height: 2.4vw;
      }

    

    .card-acdelco p {
        font-size: .8vw;
        line-height: 1.2vw;
        padding: .4vw .26vw;
      }
      
      
      
      /**** End Cards Acdelco ****/




    /****** Start Tabs Card Acdelco  ******/


    section#tabs_acdelco {
      max-width: 88vw;
      margin: 1.33vw auto;
      padding: 1.33vw;
    }
 
    aside.tab-clientes {
      gap: .53vw;
    }

    .tab-cliente {
      width: 11.6vw;
      height: 5.73vw;
      border-radius: .4vw;
    }

    .ct-tab img {
      left: 1.2vw;
      width: 2.26vw;
    }

    .ct-tab label {
      font-size: .86vw;
      padding: 0 1.06vw 0 4.66vw;
    }

    #tabs_acdelco .info__box {
      padding-top: 2.66vw;
    }

    #tabs_acdelco nav {
      gap: .4vw;
    }


    /****** End Tabs Card Acdelco  ******/



































    /******** Start Alignment Section **********/

    section.alignment-acdelco {
      /* max-width: 91.5vw; */
      /* padding: 1.33vw; */
      max-width: 84.4vw;
      padding: 0;
    }

    .alignment-content {
      gap: 3.2vw;
    }

    .alignment-header img {
      border-radius: 1.86vw;
    }

    .alignment-body h2.alignment-title-0 {
      font-size: 2.13vw;
      line-height: 2.13vw;
      /* font-size: 2.66vw;
      line-height: 2.66vw; */
    }

    .alignment-body h2.alignment-title-1 {
      font-size: 3.86vw;
      line-height: 4vw;
      /* font-size: 4.6vw;
      line-height: 4.66vw; */
    }

    .alignment-info p {
      font-size: .93vw;
    }

    .alignment-info ul {
      padding-left: 1.33vw !important;
    }

    .alignment-info ul li {
      padding-left: .4vw;
      font-size: .93vw;
    }

    .alignment-info div.col-md-2,
    .alignment-info img {
      max-width: 5.33vw;
    }


    /******** End Alignment Section **********/





    /******** Start Gallery Section **********/

    section.image-gallery {
      /* max-width: 93.3vw; */
      max-width: 85.33vw;
      padding: 1.33vw;
    }
    

    .gallery-body {
      padding-top: 1.86vw;
      gap: 1.33vw;
    }
    

    .gallery-header h2 {
      font-size: 1.86vw;
    }

    /* .gallery-facebook,
    .gallery-facebook span {
      max-height: 31.3vw;
    } */

    .gallery-img img {
      border-radius: .93vw;
      
 
      

      min-height: 43rem;
      max-height: 43rem;
      min-width: 28vw;
      max-width: 28vw;
    
      /* min-height: 28.66vw;
      max-height: 28.66vw;
      min-width: 100%;
      max-width: 100%; */



        /* min-height: 32vw;
        min-width: 32vw;
        max-height: 32vw;
        max-width: 32vw; */

        /* min-height: 40rem;
        min-width: 40rem;
        max-height: 40rem;
        max-width: 40rem; */
    } 


    
  .gallery-facebook .fb-page iframe {
    max-height: 43rem;
    /* max-width: 38rem; */
    max-width: 40vw;
    /* min-width: 40vw; */

    /* min-width: 48rem !important; */

  }


    /******** End Gallery Section **********/
















    /******** Footer ********/

    footer.footer-ccd {
        padding-top: 4vw;
        margin-top: 1.33vw;
    }

    .bg-footer {
        /* max-width: 93.33vw; */
        max-width: 89.33vw;

      }

      .footer-info {
        margin: 0 1.33vw;
        padding-bottom: 1.33vw;
        border-bottom: .13vw solid #3F6FB4;
    }


    .footer-info h4 {
        font-size: .93vw;
    }

    .footer-info div.info {
        max-width: 33.33vw;
        margin-right: 2.66vw;
      }

      .icons-footer {
        max-width: 33.3vw;
      } 

      .footer-info .menus {
        gap: 2.66vw;
        min-width: 33.33vw;
        max-width: 80vw;
    }

    .menus .one-block,
    .menus .two-block {
        grid-template-columns: repeat(2, minmax(8vw, 9.33vw));
        gap: 2.66vw;
    }

 
 


      .footer-info .info img,
      .footer-info .indo .icons-redes {
        /* width: 20rem; */
        height: 3.66vw;
        border-radius: .53vw;
      }
      



    .footer-info .info .description-footer p {
        font-size: .86vw;
    }

    .enlaces ul li a {
        font-size: .93vw;
      }



      .content-copy {
        margin: 0 1.33vw;
        padding: 1.6vw 1.33vw;
    }


      .content-copy p,
      .design-web p a {
        font-size: .8vw;
      }


      .footer-ccd .icons-redes {
        gap: 1.06vw;
        border-radius: .53vw;
        padding: .46vw 1.6vw;
      }



      .icons-redes p {
        font-size: .93vw;
      }
      
      .icons-redes a {
        height: 2.13vw;
        width: 2.13vw;
      }
 


.icons-redes a i.fa-instagram {
    font-size: 2.13vw;
  }
  
  .icons-redes a i.fa-facebook {
    font-size: 1.86vw;
    padding-top: .8vw;
  }
  

    /******************************/

}


/************* END UPDATE TO VW ***********/













@media (min-width: 1800px) {

  /******** Start Gallery Section **********/


  .gallery-body {
    grid-template-columns: 1fr 1.4fr 1.4fr;
  }

  .gallery-img img {
    min-width: 32vw;
    max-width: 32vw;
  } 

/******** End Gallery Section **********/


}




/******** Start  Section **********/



/******** End  Section **********/


