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

  .row { max-width: 90%;}
  .row > .row {max-width: 100%;}
  .col-2, .col-3 {width: 100%;}
  [class*='col-'] { padding: 10px;}
  figcaption { font-size: 15px;}
  .section-heading { padding: 0 0 20px;}
  p { line-height: 1.3em; font-size: 16px;}
  .button { font-size: 15px; padding: 8px 26px 10px;}

  #logo img { margin-right: 0; }
  #header nav#nav-main { padding: 0 15px 0 0;}
  #header nav li { display: none; }
  #header #brand-md { padding: 10px 5px;}
  #cntct-md a.phone-booking { height: 19px; padding: 14px 15px; margin-right: 0;}
  #header nav a, #header i { font-size: 14px;}

  #banner h1 { font-size: 28px; line-height: 1.2em;}
  #banner h1 b { display: block; }
  #banner h1 br { display: none; }
  #banner #banner-content #linkBtn { bottom: 30px;}
  #banner-content .banner-title { padding-bottom: 150px; padding-top: 200px;}
  #banner figcaption:after { width: 16px; height: 11px; bottom: -4px;background-size: contain; margin-left: 13px;}

  #about.introduction:before { height: 92px; background-size: cover;}
  #about.introduction .row { padding: 130px 0 40px;}
  .section-title { font-size: 20px;}
  .section-title br { display: none; }
  #about.introduction .section-heading { padding: 0 0 20px;}
  #about.introduction p { font-size: 15px; width: 100%; margin: 0 auto 20px;}

  #modelo .col-1 { flex-direction: column; padding: 40px 0;}
  #modelo .col-2.imgCol,
  #modelo .col-2.textCol { padding: 0;}
  #modelo .col-2.imgCol {order: 2; margin-top: 40px; }

  #modelo .section-heading { padding: 0 0 10px;}
  #modelo .textCol ul { margin-bottom: 0; }
  #modelo .textCol .marcMd,
  #modelo .textCol .plazoMd { padding-bottom: 15px;}
  #modelo .textCol .cuotaMd { padding: 15px 20px; text-align: center;}
  #modelo h3 { font-size: 21px; line-height: 1.3em;}
  #modelo .textCol .serviciosMd h3 { margin-bottom: 10px;}
  #modelo .textCol .serviciosMd { margin-bottom: 20px;}
  #modelo .textCol .certificadoMd { margin-top: 20px;}

  #modelo .col-2.imgCol .vid-cursos { margin-bottom: 5px;}
  #modelo #gallery { margin-bottom: 0;}
  #modelo #gallery .rowGallery a { margin-right: 5px; margin-bottom: 5px;}

  #modelo .col-2.imgCol .downloadMd img { margin-bottom: 15px;} 
  #modelo .col-2.imgCol .downloadMd { padding: 30px 25px;}
  #modelo .col-2.imgCol .downloadMd .ToForm a.button { line-height: 1.2em;}
  #modelo .col-2.imgCol .downloadMd .pdfDwn { flex-direction: column;}
  #modelo .col-2.imgCol .downloadMd .pdfDwn .button:first-child { margin-right: 0; margin-bottom: 10px; width: 100%;}
  #modelo .col-2.imgCol .downloadMd .pdfDwn .button:last-child {  margin-left: 0; width: 100%;}

  #banner-bckg-form > .col-1 { padding: 15px 20px;}
  .signup h3 { padding-bottom: 10px; font-size: 16px;}
  .signup .partner-md-t > div,
  .signup .form-send { flex-direction: column;}
  .signup .partner-md-t,
  .signup .ultimo,
  .signup .partner-md-t > div.bttRow input,
  .signup .partner-md-t > div.bttRow textarea { width: 100%; margin-bottom: 3px; margin-top: 0;}
  .signup .partner-md-t > div.bttRow .select-wrapper { width: 100%; margin: 0 0 3px; }
  .signup .partner-md-t input, 
  .signup .partner-md-t textarea { margin-right: 0;}
  .signup .ultimo { margin: 3px 0 0;}
  input[type="submit"] { height: auto; padding: 25px 20px; }
  .signup input, .signup select, .signup textarea { height: 35px; padding: 6px 10px; font-size: 15px;}
  .signup .partner-md-t > div.bttRow input.comentarios { width: 100%; }

  .signup .part-cond { flex-direction: column;}
  p.condiciones { display: initial;}
  p.condiciones input { top: 2px;}
  p.condiciones, div.contactemos p { font-size: 13px;}

  #requisitos .fadeIn { flex-direction: column;}
  #requisitos .col-2:first-child,
  #requisitos .col-2:last-child { width: 100%;}
  #requisitos .col-2:first-child { padding-bottom: 20px; }
  #requisitos p { font-size: 16px; text-align: center; margin-bottom: 0}
  #requisitos p br { display: none; }

  #landing-footer #footer .col-4 { width: 100%; text-align: center; }
  #landing-footer, 
  #landing-footer p, 
  #landing-footer a { font-size: 13px;}
  #landing-footer #footer .cetificados p, 
  #landing-footer #footer .social p { margin-bottom: 10px;}
  #landing-footer #copyright { padding: 0 0 10px;}
  #landing-footer #footer .social .socialmd { text-align: center;  justify-content: center;}

  .thnx .banner-parallax-3,
  .thnx .banner-parallax-3 .row { min-height: 300px;}


}

/*------------------------------------
    2.RESPONSIVE :: Table
------------------------------------*/
@media only screen and (min-width: 480px) and (max-width: 767px) {

  #header #brand-md { padding: 10px ;}
  #header nav li:last-child { display: block; }
  #header nav #logo a { padding: 0; }
  #header nav a, #header i { font-size: 13px; padding: 8px 10px;}
  #cntct-md a.phone-booking { margin-right: 5px; }

  #about.introduction:before {  height: 150px;}
  #about.introduction .row { padding: 180px 0 40px;}

  #banner-content .banner-title { padding-bottom: 175px; padding-top: 225px;}
  #banner h1 { font-size: 32px;}

  
}

@media only screen and (min-width: 601px) and (max-width: 767px) {

  .row { max-width: 93%;}

  #about.introduction:before { height: 200px;}
  #about.introduction .row { padding: 240px 0 50px;}

  .section-title { font-size: 27px;}
  #about.introduction p { font-size: 16px;}

  #modelo h3 { font-size: 23px;}

  .signup h3 { padding-bottom: 13px; font-size: 19px;}
  .signup .partner-md-t > div { flex-direction: row;}
  .signup .partner-md-t input { margin-right: 3px;}
  .signup .partner-md-t .topRow input:last-child { margin-right: 0; }
  .signup .ultimo { margin: 0;}

  .signup .partner-md-t > div.bttRow input,
  .signup .partner-md-t > div.bttRow .select-wrapper {  width: 25.5%; margin-right: 3px;}
  .signup .partner-md-t > div.bttRow input.comentarios { width: 51%;} 
  p.condiciones, div.contactemos p { font-size: 13px;}

  .banner-parallax-3 {  min-height: 500px;}

  #requisitos .fadeIn { flex-direction: row;}
  #requisitos .col-2:first-child { width: 40%;}
  #requisitos .col-2:last-child { width: 60%;}
  #requisitos p a { display: block;}
  #requisitos .col-2:first-child {  padding-bottom: 0;}

}

/*------------------------------------
    3.RESPONSIVE :: Medium devices
------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 900px) {

  .row { max-width: 90%;}
  .row > .row {max-width: 100%;}
  figcaption { font-size: 16px;}
  .button { font-size: 15px;}
  p { font-size: 17px;}

  #header #brand-md { padding: 15px;}
  #header nav#nav-main { padding: 0 20px 0 0;}
  #header nav a, #header i { font-size: 12.5px;}
  #cntct-md a.phone-booking,
  #cntct-md a.btn-booking { height: 25px; padding: 6px 17px;}
  #cntct-md a.mailto-booking { line-height: 25px;}

  #banner-content .banner-title { padding-bottom: 125px; padding-top: 185px;}
  #banner h1 { font-size: 35px; line-height: 1.3em;}
  #banner h1 b { display: block; }
  #banner h1 br { display: none; }
  #banner #banner-content #linkBtn { bottom: 25px;}

  #about.introduction .row { padding: 250px 0 45px;}
  #about.introduction:before { height: 215px;}
  .section-title { font-size: 28px; }
  #about.introduction .section-heading { padding: 0 0 15px;}
  #about.introduction p { font-size: 15.5px; width: 100%; margin: 0 auto 20px;}

  #modelo .col-1 { align-items: flex-start;}
  #modelo .col-2.imgCol { padding: 0 15px 0 0;}
  #modelo .col-2.textCol { padding: 0 0 0 15px;}
  #modelo .section-heading { padding: 0 0 15px;}
  #modelo h2 { font-size: 30px;}
  #modelo p, #modelo li { font-size: 14px;}
  #modelo .textCol ul { margin-bottom: 0; }
  #modelo .textCol .marcMd,
  #modelo .textCol .plazoMd { padding-bottom: 10px;}
  #modelo .textCol .cuotaMd { padding: 10px 20px;}
  #modelo .textCol .serviciosMd h3 { margin-bottom: 10px; font-size: 20px; line-height: 1.3em;}
  #modelo .textCol .serviciosMd { margin-top: 15px; margin-bottom: 20px;}
  
  #modelo .col-2.imgCol .downloadMd img { margin-bottom: 30px;} 
  #modelo .col-2.imgCol .downloadMd { padding: 40px 30px;}
  #modelo .col-2.imgCol .downloadMd .ToForm a.button { line-height: 1.2em;}
  #modelo .col-2.imgCol .downloadMd .pdfDwn { flex-direction: column;}
  #modelo .col-2.imgCol .downloadMd .pdfDwn .button:first-child { margin-right: 0; margin-bottom: 10px; width: 100%;}
  #modelo .col-2.imgCol .downloadMd .pdfDwn .button:last-child {  margin-left: 0; width: 100%;}

  .banner-parallax-3 { min-height: 475px;}
  .signup h3 { padding-bottom: 15px; font-size: 17px;}
  #banner-bckg-form > .col-1 { padding: 17px 60px;}
  div.contactemos .slc { margin-top: 4px;}
  p.condiciones, 
  div.contactemos p { margin-top: 6px; font-size: 13px;}
  div.contactemos .slc label { font-size: 13px; margin-right: 10px; margin-bottom: 0;}
  div.contactemos .slc input { height: 13px; font-size: 13px; margin-right: 6px; margin-top: 3px;}

  .signup h3 { padding-bottom: 10px; font-size: 15px;}
  .signup input, 
  .signup select, 
  .signup textarea { height: 34px; padding: 6px 12px; margin: 3px 3px 3px 0; font-size: 14px;}
  input[type="submit"] {  font-size: 15px; height: 71px; margin: 0;}
  .signup .partner-md-t > div.bttRow .select-wrapper { margin: 0 3px 3px 0; }
  .signup .partner-md-t > div.bttRow input { margin-top: 0; }

  #requisitos .col-2:first-child { width: 35%;}
  #requisitos .col-2:last-child { width: 65%;}
  #requisitos p { font-size: 15.5px;}
  #requisitos { padding: 35px 0;}

  .thnx #dofollow-contact .row { top: 35%;}
  .thnx .banner-parallax-3 { min-height: 235px;}

  #landing-footer .logoBanner { padding: 35px 0 15px;}
  #landing-footer #copyright { padding: 0 0 15px;}
  #landing-footer, #landing-footer p, #landing-footer a { font-size: 12.5px;}
  #landing-footer article.col-4 { padding: 10px 15px; }
  #landing-footer #footer .cetificados p, 
  #landing-footer #footer .social p { margin-bottom: 10px;}

  #landing-footer article.col-4:first-child { width: 20%; }
  #landing-footer article.col-4:nth-child(2) { width: 30%; }

  .thnx .banner-parallax-3 { min-height: 305px;}
  .thnx .banner-parallax-3 .row { min-height: 305px;}


}


/*------------------------------------
    4.RESPONSIVE :: Large devices
------------------------------------*/
@media only screen and (min-width: 901px) and (max-width: 1200px) {

  #header #brand-md { padding: 15px 20px;}
  #header nav#nav-main { padding: 0 30px 0 0;}
  #header nav a { font-size: 13px; padding: 0 8px; }

  #header nav li { font-size: 14px;}
  #cntct-md a.btn-booking,
  #cntct-md a.phone-booking { padding: 6px 15px;}

  .row { max-width: 95%;}
  .row > .row {max-width: 100%;}
  p { font-size: 17px;}
  
  figcaption { font-size: 18px;}
  #banner-content .banner-title { padding-bottom: 140px; padding-top: 200px;}
  #banner h1 { font-size: 33px; line-height: 1.2em;}
  #banner #banner-content #linkBtn { bottom: 30px;}

  #about.introduction:before { height: 250px; background-size: contain;}
  #about.introduction .row { padding: 300px 0 60px;}
  .section-title { font-size: 33px;}
  #about.introduction p { width: 90%;}

  #modelo h2 { font-size: 30px;}
  #modelo .col-1 { padding: 40px 0;}
  #modelo .section-heading { padding: 0 0 15px;}
  #modelo ul {margin-bottom: 0;}
  #modelo p, 
  #modelo li { font-size: 14.5px;}
  #modelo .textCol .marcMd,
  #modelo .textCol .plazoMd { padding-bottom: 10px;}
  #modelo .textCol .cuotaMd { padding: 10px 25px;}
  #modelo .textCol .serviciosMd h3 { margin-bottom: 10px;}
  #modelo h3 { font-size: 20px;}
  #modelo .textCol .serviciosMd { margin-bottom: 20px;}
  
  #modelo .col-2.imgCol .downloadMd img { max-width: 250px; margin-bottom: 40px;}
  #modelo .col-2.imgCol .downloadMd .pdfDwn { flex-direction: column;}
  #modelo .col-2.imgCol .downloadMd .pdfDwn .button:last-child { margin-left: 0; width: 100%;}
  #modelo .col-2.imgCol .downloadMd .pdfDwn .button:first-child { margin-right: 0; margin-bottom: 10px; width: 100%;}
  #modelo .col-2.imgCol .downloadMd .ToForm a.button { line-height: 1.2em;}

  #requisitos { padding: 40px 0;}
  #requisitos p { font-size: 16.5px;}

  .banner-parallax-3 { min-height: 500px;}
  #banner-bckg-form > .col-1 { padding: 20px 60px;}
  div.contactemos .slc { margin-top: 4px;}
  p.condiciones, 
  div.contactemos p { margin-top: 6px; font-size: 13px;}
  div.contactemos .slc label { font-size: 13px; margin-right: 10px; margin-bottom: 0;}
  div.contactemos .slc input { height: 13px; font-size: 13px; margin-right: 6px; margin-top: 3px;}

  .signup h3 { padding-bottom: 10px; font-size: 19px;}
  .signup input, 
  .signup select, 
  .signup textarea { height: 34px; padding: 6px 12px; margin: 3px 6px 3px 0; font-size: 14px;}
  input[type="submit"] {  font-size: 16px; height: 75px; margin: 0;}

  #landing-footer .logoBanner { padding: 35px 0 15px;}
  #landing-footer #copyright { padding: 0 0 15px;}
  #landing-footer, #landing-footer p, #landing-footer a { font-size: 13.5px;}
  #landing-footer article.col-4 { padding: 10px 15px; }
  #landing-footer #footer .cetificados p, 
  #landing-footer #footer .social p { margin-bottom: 10px;}

  #landing-footer article.col-4:first-child { width: 20%; }
  #landing-footer article.col-4:nth-child(2) { width: 30%; }

  .thnx .banner-parallax-3 { min-height: 305px;}
  .thnx .banner-parallax-3 .row { min-height: 400px;}
 

}