@media (min-width: 0px) and (max-width: 767px) {
  .secc_desktop {
    display: none !important;
  }

  .secc_phone {
    display: -webkit-box !important;
  }

  .float, .float:hover, .float:focus{
    position: fixed;
    width: 60px;
    height: 60px;
    bottom: 40px;
    left: 40px;
    background-color: #3e7e25;
    color: #fff;
    border-radius: 50px;
    text-align: center;
    font-size: 30px;
    box-shadow: 2px 2px 3px #999;
    z-index: 100;
  }

  .my-float{
    margin-top:16px;
  }

  .btn__cart{
    font-size: 28px;
    position: relative;
    top: 5px;
  }
	
  .btn__floating--cart, .btn__floating--cart:hover, .btn__floating--cart:focus{
    position: fixed;
    width: 58px;
    height: 58px;
    bottom: 40px;
    right: 40px;
    background-color: #2aaae2;
    color: #fff;
    border-radius: 50px;
    text-align: center;
    font-size: 30px;
    box-shadow: 2px 2px 3px #999;
    z-index: 100;
  }

  .cart__counter, .cart__counter:hover, .cart__counter:focus{
    background-color: #c41f4b;
    color: #fff;
    border-radius: 20px;
    padding: 6px 10px;
    position: relative;
    bottom: 70px;
    left: 20px;
    font-size: 14px;
  }
	
  /* CSS Index */
	  .single-slide .welcome-text h2 {
	    font-size: 30px;
	    color: #c41f4b;
	    font-weight: 600;
	    margin-bottom: 0px;
	  }

	  .single-slide .welcome-text h4 {
	    font-size: 16px;
	    font-weight: 300;
	    color: #000;
	    margin-bottom: 35px;
	  }

	  .img__logo {
	    width: 140px;
	  }

	  .margin__cart{
	  	display: none;
		margin-left: 0px;
	  }

	  .btn__certificate {
	    width: 130px;
	  }

	  .title__slider {
	    color: #c41f4b;
	  }

	  .btn__starts {
	    width: 150px !important;
	  }

	  .section-padding-about {
	    padding-top: 50px;
	    padding-bottom: 50px;
	  }

	  .title__about {
	    color: #000;
	    font-size: 18px;
	    font-weight: 300;
	    text-align: center;
	    line-height: 120%;
	    margin-bottom: 0;
	  }

	  .title__about--bold {
	    font-weight: 600;
	  }

	  .title__grid {
	    font-size: 30px;
	    font-weight: 600;
	    text-align: center;
	    color: #c41f4b;
	    line-height: 100%;
	    margin-bottom: 70px;
	  }

	  .bg__card {
	    background-repeat: no-repeat;
	    background-size: 100% auto;
	    background-position: center;
	    border-radius: 20px;
	    position: relative;
	    z-index: 0;
	  }

	  .certificate__card {
	    color: #fff;
	    font-size: 22px;
	    font-weight: 600;
	    text-align: center;
	    line-height: 120%;
	    margin-bottom: 10px;
	    padding-bottom: 20px;
	    height: 220px;
	    align-content: end;
	  }

	  .title__card {
	    font-size: 17px;
	    font-weight: 300;
	    text-align: center;
	    color: #000;
	    margin: 0 20px 30px 20px;
	    line-height: 130%;

	    display: -webkit-box;
	    -webkit-line-clamp: 2;
	    -webkit-box-orient: vertical;
	    overflow: hidden;
	    text-overflow: ellipsis;
	    cursor: pointer;

	    /* CSS para dejar las cards con 1 renglón 
	    white-space: nowrap
	    overflow: hidden;
	    text-overflow: ellipsis;
	    max-width: 100%;
	    cursor: pointer;  
	    */
	  }

	  .btn__inscription {
	    width: 130px;
	    margin-bottom: 50px;
	  }

	  .margin__courses {
	    margin-top: 0px;
	  }

	  .tag__courses--card {
	    width: 160px;
	    position: relative;
	    top: 15px;
	    left: 15px;
	    z-index: 3;
	  }

	  .certificate__card--courses {
	    color: #fff;
	    font-size: 22px;
	    font-weight: 600;
	    text-align: center;
	    line-height: 120%;
	    margin-bottom: 35px;
	    padding-bottom: 20px;
	    height: 220px;
	    align-content: end;
	  }

	  .section-padding-testimonial {
	    padding-top: 0px;
	    padding-bottom: 50px;
	  }

	  .bg__testimonial {
	    background-image: url("img/bg_testimonial.png");
	    background-repeat: no-repeat;
	    background-size: cover;
	    background-position: bottom;
	  }

	  .align__self--center {
	    align-self: center;
	  }

	  .align__self--top {
	    align-self: flex-start;
	  }

	  .img__testimonial {
	    width: 80%;
	    padding-right: 0px;
	    padding-bottom: 50px;
	  }

	  .text__testimonial {
	    font-size: 18px;
	    font-weight: 300;
	    text-align: center;
	    color: #000;
	    line-height: 120%;
	    margin-bottom: 30px;
	  }

	  .name__testimonial {
	    color: #c41f4b;
	    font-size: 25px;
	    font-weight: 600;
	    line-height: 100%;
	    margin-bottom: 0;
	    float: right;
	  }

	  .name__testimonial02 {
	    color: #c41f4b;
	    font-size: 20px;
	    font-weight: 300;
	    line-height: 120%;
	    margin-bottom: 0;
	    margin-left: 13px;
	  }

	  .bg__features {
	    background-color: #c41f4b;
	  }

	  .title__features {
	    font-size: 30px;
	    font-weight: 600;
	    color: #fff;
	    text-align: center;
	    line-height: 120%;
	    margin-bottom: 70px;
	  }

	  .color__blue {
	    color: #a9ddf2;
	  }

	  .icon__features {
	    width: 130px;
	    margin-bottom: 40px;
	  }

	  .text__features {
	    color: #fff;
	    text-align: center;
	    font-size: 22px;
	    font-weight: 500;
	    line-height: 100%;
	    margin-bottom: 15px;
	  }

	  .description__features {
	    color: #fff;
	    text-align: center;
	    font-size: 18px;
	    font-weight: 300;
	    line-height: 120%;
	    margin-bottom: 35px;
	  }

	  .img__logo--gob {
	    width: 450px;
	  }

	  .text__cedula {
	    color: #000;
	    font-size: 16px;
	    font-weight: 300;
	    text-align: center;
	    line-height: 120%;
	    margin-top: 50px;
	    margin-bottom: 0;
	  }

	  .bg__contact {
	    background-image: url("img/bg_contacto.png");
	    background-repeat: no-repeat;
	    background-size: cover;
	    background-position: center;
	  }

	  .title__contact {
	    font-size: 30px;
	    font-weight: 600;
	    text-align: center;
	    color: #c41f4b;
	    line-height: 120%;
	    margin-bottom: 50px;
	  }

	  .btn__send,
	  .btn__send:hover,
	  .btn__send:focus {
	    background-color: #c41f4b;
	    color: #fff;
	    font-size: 25px;
	    font-weight: 400;
	    border-radius: 13px;
	    text-transform: uppercase;
	    line-height: 100%;
	    padding: 15px 25px;
	    margin-bottom: 0;
	  }

	  .bg__footer {
	    background-color: #858486;
	  }

	  .logo__footer {
	    width: 250px;
	    margin-bottom: 50px;
	  }

	  .link__certificate {
	    color: #fff;
	    font-size: 18px;
	    text-transform: uppercase;
	    font-weight: 200;
	    text-align: center;
	    line-height: 100%;
	    margin-bottom: 0;
	    transition: 0.5s ease-in-out;
	  }

	  .link__certificate:hover,
	  .link__certificate:focus {
	    color: #c41f4b;
	    font-size: 18px;
	    text-transform: uppercase;
	    font-weight: 200;
	    text-align: center;
	    line-height: 100%;
	    margin-bottom: 0;
	    transition: 0.5s ease-in-out;
	  }

	  .icons__social {
	    display: inline-flex;
	    gap: 40px;
	    margin-bottom: 50px;
	  }

	  .icon__social {
	    width: 25px;
	  }

	  .text__address {
	    display: block;
	    color: #fff;
	    text-align: center;
	    font-size: 17px;
	    font-weight: 200;
	    line-height: 130%;
	    margin-top: 40px;
	    margin-bottom: 30px;
	  }

	  .img__map {
	    width: 18px;
	    height: 23px;
	    margin-right: 10px;
	    position: relative;
	    top: 0px;
	  }

	  .text__phone {
	    display: block;
	    text-align: center;
	    color: #fff;
	    font-size: 17px;
	    font-weight: 200;
	    line-height: 130%;
	    margin-bottom: 30px;
	  }

	  .img__phone {
	    width: 20px;
	    height: 20px;
	    margin-right: 10px;
	  }

	  .text__mail {
	    display: block;
	    text-align: center;
	    color: #fff;
	    font-size: 17px;
	    font-weight: 200;
	    line-height: 130%;
	    margin-bottom: 30px;
	  }

	  .img__mail {
	    width: 25px;
	    height: 15px;
	    margin-right: 10px;
	    position: relative;
	    top: 0px;
	  }

	  .text__copyright {
	    color: #fff;
	    text-align: center;
	    font-size: 14px;
	    font-weight: 200;
	    line-height: 120%;
	    text-transform: uppercase;
	    margin-bottom: 20px;
	  }

	  .link__privacy {
	    color: #fff;
	    font-size: 14px;
	    font-weight: 200;
	    line-height: 120%;
	    text-transform: uppercase;
	    margin-bottom: 0;
	    transition: 0.5s ease-in-out;
	  }

	  .link__privacy:hover,
	  .link-privacy:focus {
	    color: #c41f4b;
	    font-size: 14px;
	    font-weight: 200;
	    line-height: 120%;
	    text-transform: uppercase;
	    margin-bottom: 0;
	    transition: 0.5s ease-in-out;
	  }
  /* CSS Index */

  /* CSS Certificaciones, cursos y talleres */
	  .section-padding-certification {
	    padding-top: 150px;
	    padding-bottom: 0;
	  }

	  .section-padding-gob {
	    padding-top: 0;
	    padding-bottom: 50px;
	  }

	  .section-padding-courses {
	    padding-top: 50px;
	    padding-bottom: 0;
	  }

	  .title__certifications {
	    font-size: 30px;
	    font-weight: 600;
	    text-align: center;
	    color: #c41f4b;
	    line-height: 100%;
	    margin-bottom: 0;
	  }

	  .text__certifications {
	    font-size: 25px;
	    font-weight: 700;
	    text-align: center;
	    color: #000;
	    line-height: 100%;
	    margin-bottom: 25px;
	  }

	  .description__certifications {
	    font-size: 18px;
	    font-weight: 300;
	    text-align: center;
	    color: #000;
	    line-height: 120%;
	    margin-bottom: 50px;
	  }

	  .bg__courses {
	    background-color: rgba(226, 243, 251, 0.5);
	  }

	  .btn__inscription--certification {
	    width: 150px;
	    margin-bottom: 50px;
	  }

	  .btn__inscription--courses {
	    width: 150px;
	    margin-bottom: 50px;
	  }
  /* CSS Certificaciones, cursos y talleres */

  /* CSS Pasos para inscribirme  */
	  .title__steps {
	    font-size: 30px;
	    font-weight: 600;
	    text-align: center;
	    color: #c41f4b;
	    line-height: 100%;
	    margin-bottom: 40px;
	  }

	  .text__steps {
	    font-size: 18px;
	    font-weight: 300;
	    text-align: center;
	    color: #000;
	    line-height: 120%;
	    margin-bottom: 70px;
	  }

	  .icon__steps--01 {
	    width: 150px;
	    position: relative;
	    left: 0px;
	  }

	  .icon__steps--02 {
	    width: 150px;
	    position: relative;
	    right: 0px;
	  }

	  .icon__steps--03 {
	    width: 150px;
	    position: relative;
	    left: 0px;
	  }

	  .icon__steps--04 {
	    width: 150px;
	    position: relative;
	    right: 0px;
	  }

	  .title__step--listing {
	    color: #000;
	    font-size: 25px;
	    font-weight: 700;
	    text-align: center;
	    line-height: 120%;
	    margin-bottom: 20px;
	  }

	  .text__step--listing {
	    color: #000;
	    font-size: 18px;
	    font-weight: 300;
	    text-align: center;
	    line-height: 120%;
	    margin-bottom: 0;
	  }

	  .btn__program,
	  .btn__program:hover,
	  .btn__program:focus {
	    background-color: #c41f4b;
	    color: #fff;
	    font-size: 18px;
	    font-weight: 400;
	    text-transform: uppercase;
	    border-radius: 15px;
	    padding: 10px 20px;
	    line-height: 100%;
	    margin-bottom: 0;
	    transition: 0.5s ease-in-out;
	  }

	  .text__step--Red01 {
	    color: #c41f4b;
	    font-size: 18px;
	    font-weight: 700;
	    text-align: center;
	    line-height: 120%;
	    margin-top: 20px;
	    margin-bottom: 0;
	  }

	  .text__step--Red02 {
	    color: #c41f4b;
	    font-size: 18px;
	    font-weight: 700;
	    text-align: center;
	    line-height: 120%;
	    margin-bottom: 0;
	  }

	  .text__step--Red03 {
	    color: #c41f4b;
	    font-size: 18px;
	    font-weight: 700;
	    text-align: center;
	    line-height: 120%;
	  }

	  .bg__message {
	    background-color: #c41f4b;
	    padding: 30px 20px;
	    border-radius: 25px;
	    display: inline-block;
	  }

	  .text__message--red {
	    color: #fff;
	    text-align: center;
	    font-size: 18px;
	    font-weight: 700;
	    line-height: 120%;
	    margin-bottom: 0;
	  }

	  .text__start {
	    color: #000;
	    font-size: 25px;
	    font-weight: 700;
	    text-align: center;
	    line-height: 120%;
	    margin-bottom: 0px;
	  }

	  .btn__start {
	    width: 280px;
	  }
  /* CSS Pasos para inscribirme  */

  /* Vista Individual de Certificados, Cursos y Talleres */
	  .section-padding-info {
	    padding-top: 150px;
	    padding-bottom: 100px;
	  }

	  .certification__info {
	    color: #c41f4b;
	    font-size: 35px;
	    font-weight: 600;
	    text-align: left;
	    line-height: 120%;
	    margin-bottom: 10px;
	  }

	  .title__info {
	    color: #000;
	    font-size: 25px;
	    font-weight: 700;
	    text-align: left;
	    line-height: 120%;
	    margin-bottom: 20px;
	  }

	  .text__info {
	    color: #000;
	    font-size: 18px;
	    font-weight: 300;
	    text-align: left;
	    line-height: 120%;
	    margin-bottom: 20px;
	  }

	  .price__info{
		color: #c41f4b;
		font-size: 28px;
		font-weight: 500;
		text-align: left;
		line-height: 120%;
		margin-bottom: 15px;
	  }
	
	  .btn__inscribete--info {
	    width: 150px;
	  }

	  .img__info {
	    width: 90%;
	    margin-top: 50px;
	  }

	  .title__goals {
	    color: #c41f4b;
	    text-align: center;
	    font-size: 35px;
	    font-weight: 600;
	    line-height: 100%;
	    margin-bottom: 50px;
	  }

	  .bg__goals {
	    background-color: rgba(226, 243, 251, 1);
	    border-radius: 30px;
	    padding: 50px 10px;
	    margin: 0 10px;
	  }

	  .icon__goals {
	    width: 100px;
	    margin-bottom: 20px;
	  }

	  .icon__goals02 {
	    width: 150px;
	    margin-bottom: 20px;
	  }

	  .text__goals {
	    color: #000;
	    font-size: 18px;
	    font-weight: 300;
	    text-align: center;
	    line-height: 120%;
	    margin-bottom: 50px;
	    padding: 0 40px;
	  }

	  .title__official {
	    color: #c41f4b;
	    text-align: left;
	    font-size: 35px;
	    font-weight: 600;
	    line-height: 100%;
	    margin-bottom: 20px;
	  }

	  .text__official {
	    color: #000;
	    font-size: 18px;
	    font-weight: 300;
	    text-align: left;
	    line-height: 120%;
	    margin-bottom: 30px;
	  }

	  .img__official--circle {
	    width: 80%;
	  }
  /* Vista Individual de Certificados, Cursos y Talleres */

  /* CSS de Nosotros */
	  .section-padding-us {
	    padding-top: 150px;
	    padding-bottom: 0px;
	  }

	  .bg__us {
	    background-image: url("img/bg_nosotros.png");
	    background-repeat: no-repeat;
	    background-size: 100% auto;
	    background-position: 100% 30%;
	  }

	  .img__us {
	    width: 100%;
	  }

	  .title__us {
        color: #c41f4b;
        font-size: 30px;
        font-weight: 600;
        text-align: center;
        line-height: 100%;
        margin-top: 50px;
        margin-bottom: 40px;
	  }

	  .text__us {
	    color: #000;
	    font-size: 18px;
	    text-align: center;
	    font-weight: 300;
	    line-height: 120%;
	    margin-bottom: 0px;
	  }

	  .title__services {
	    color: #2aaae2;
	    font-size: 30px;
	    font-weight: 600;
	    text-align: center;
	    line-height: 120%;
	    margin-top: 70px;
	    margin-bottom: 30px;
	  }

	  .bg__services {
	    background-color: #c41f4b;
	    padding: 70px 30px;
	    border-radius: 40px;
	    margin-bottom: 30px;
	  }

	  .img__service {
	    width: 100px;
	    margin-bottom: 20px;
	  }

	  .title__feature--service {
	    color: #a9ddf2;
	    font-size: 25px;
	    font-weight: 600;
	    text-align: center;
	    line-height: 100%;
	    margin-bottom: 20px;
	  }

	  .text__feature--service {
	    color: #fff;
	    font-size: 18px;
	    font-weight: 300;
	    text-align: center;
	    line-height: 125%;
	    margin-bottom: 0px;
	  }

	  .bg__border--blue {
	    background-color: #e2f3fb;
	    border-radius: 40px;
	    padding: 40px 45px;
	  }

	  .title__legal {
	    color: #c41f4b;
	    font-size: 30px;
	    font-weight: 600;
	    text-align: center;
	    line-height: 100%;
	    margin-bottom: 30px;
	  }

	  .text__legal {
	    color: #000;
	    font-size: 18px;
	    font-weight: 300;
	    text-align: center;
	    line-height: 120%;
	    margin-bottom: 0;
	  }

	  .img__conocer {
	    width: 70%;
	    margin-top: 30px;
	  }

	  .bg__transform {
	    background-color: #c41f4b;
	  }

	  .title__transform {
	    color: #a9ddf2;
	    font-size: 30px;
	    font-weight: 600;
	    text-align: center;
	    line-height: 100%;
	    margin-bottom: 30px;
	  }

	  .bold__process {
	    font-weight: 700;
	  }

	  .color__white {
	    color: #fff;
	  }

	  .text__transform {
	    color: #fff;
	    font-size: 18px;
	    font-weight: 400;
	    text-align: center;
	    line-height: 130%;
	    margin-bottom: 0;
	  }

	  .bg__process {
	    background-image: url("img/bg_proceso.png");
	    background-repeat: no-repeat;
	    background-size: cover;
	    background-position: bottom;
	  }

	  .title__process {
	    color: #c41f4b;
	    font-size: 30px;
	    font-weight: 600;
	    text-align: left;
	    line-height: 120%;
	    margin-bottom: 20px;
	  }

	  .text__process {
	    color: #000;
	    font-size: 18px;
	    font-weight: 300;
	    text-align: left;
	    line-height: 120%;
	    margin-bottom: 40px;
	  }

	  .title__step--process {
	    color: #2aaae2;
	    font-size: 22px;
	    font-weight: 700;
	    line-height: 100%;
	    margin-bottom: 20px;
	  }

	  .text__step--process {
	    color: #000;
	    font-size: 18px;
	    font-weight: 300;
	    line-height: 120%;
	    margin-bottom: 40px;
	  }

	  .img__process {
	    width: 70%;
	  }
  /* CSS de Nosotros */

  /* CSS de Agradecimiento */
	    .section-padding-agradecimiento{
	      padding-top: 150px;
	      padding-bottom: 100px;
	    }

	    .img__order{
	      width: 90%;
	      margin-bottom: 50px;
	    }

	    .title__order{
	      font-size: 40px;
	      font-weight: 600;
	      text-align: center;
	      color: #c41f4b;
	      line-height: 100%;
	      margin-bottom: 30px;
	    }

	    .text__order{
	      font-size: 21px;
	      font-weight: 300;
	      text-align: center;
	      color: #000;
	      line-height: 120%;
	      margin-bottom: 50px;
	    }

	    .btn__order--return, .btn__order--return:hover, .btn__order--return:focus{
	      background-color: #c41f4b;
	      color: #fff;
	      font-size: 20px;
	      font-weight: 400;
	      text-transform: uppercase;
	      border-radius: 15px;
	      padding: 10px 20px;
	      line-height: 100%;
	      margin-bottom: 0;
	      transition: .5s ease-in-out;
	    }
  /* CSS de Agradecimiento */
}
