/*--width 1400 --*/
@media (max-width: 1400px) {
  .main-header-wrapper2 .sb-header-section2 .menu-top-section2::after {
    right: -115px;
    width: 14%;
  }
  .service-slider-wrappe3 .owl-nav {
    display: flex !important;
    justify-content: space-between;
  }
  .service-slider-wrappe3 .owl-nav button {
    position: unset !important;
    opacity: 0.6;
  }
  .service-slider-wrappe3 .owl-nav button:hover {
    opacity: 1;
  }
}

/*--width 1199 --*/
@media (max-width: 1199px) {
  .banner-section-wrapper {
    padding: 75px 0;
  }
  .banner-section-wrapper .sb-banner-section h2 br {
    display: none;
  }
  .home3-btn {
    padding: 0 10px !important;
    font-size: 14px;
  }
  .main-header-wrapper .sb-main-header .menu-items-wrapper nav ul li {
    padding: 0;
  }
  .main-header-wrapper .sb-main-header .menu-items-wrapper nav ul li a {
    padding: 0px 10px;
  }
  .main-header-wrapper .sb-main-header .mid-header-section .sb-mid-right-section li {
    padding: 0 20px;
  }
  .main-header-wrapper .sb-main-header .mid-header-section .sb-mid-right-section li a {
    font-size: 14px;
  }
  .main-header-wrapper2 .sb-header-section2 .menu-top-section2 ul li {
    font-size: 14px;
  }
  .main-header-wrapper2 .sb-header-section2 .menu-top-section2::after {
    right: -130px;
    width: 19%;
  }
  .client2-main-wrapper .client-img img {
    width: 100%;
  }
  .client2-main-wrapper .slider-section {
    padding-bottom: 150px;
  }
  section .sb-service-section2 h5 {
    font-size: 20px;
  }
  .main-header-wrapper3 .sb-main-header3 .top-header3 .top-right-section ul li + li {
    padding-left: 13px;
  }
  .about-main-wrapper3 h4 {
    font-size: 30px !important;
  }
  .service-main-page-wrapper .booking-main-sec .booking-info {
    column-gap: 35px;
  }
  .team-main-wrapper .team-section .contact-action {
    right: 10px;
  }
  .team-main-wrapper .team-section h5 a {
    font-size: 18px;
  }
  .blog-page-main-container .blog-single-main-page .blog-box .blog-content .tag-with-media .tag-buttons li {
    padding: 2px !important;
  }
  .menu-items-wrapper nav ul li {
    padding: 0 0;
  }
  .services-main-wrapper .sb-service-section .slider-service-section .owl-carousel .owl-nav {
    position: absolute;
    top: auto;
    bottom: -100px;
    display: flex;
    justify-content: center;
  }
  .services-main-wrapper .sb-service-section .slider-service-section .owl-carousel .owl-nav .owl-prev,
  .services-main-wrapper .sb-service-section .slider-service-section .owl-carousel .owl-nav .owl-next {
    position: unset !important;
  }
}

.plr-50 {
  padding: 0;
}

@media (max-width: 999px) {
  .main-header-wrapper2 .sb-header-section2 .menu-top-section2::after {
    right: -30px;
    width: 5%;
  }
}

@media (max-width: 991px) {
  h4 {
    font-size: 30px;
  }
  h2 {
    font-size: 40px;
  }
  .image-about-wrapper .about-content {
    padding-bottom: 100px;
  }
  .main-header-wrapper2 {
    background-color: #004274;
  }
  .banner-main-wrapper2 .carousel-item .carousel-caption {
    transform: translateY(-88%) !important;
  }
  .emergency2-main-wrapper .video-section {
    height: 500px;
  }
  .emergency2-main-wrapper .sb-emergency-section {
    padding: 50px 25px;
  }
  .emergency2-main-wrapper .sb-emergency-section .content i {
    font-size: 36px;
  }
  .emergency2-main-wrapper .sb-emergency-section .content h4 {
    font-size: 20px;
  }
  .emergency2-main-wrapper .sb-emergency-section .content p {
    font-size: 14px;
  }
  .our-team-main3 section {
    margin-top: 50px;
  }
  .team-main-wrapper .team-section .contact-action {
    right: 75px;
  }
  .resp-30 {
    margin-top: 30px;
  }
  .Error-page-main-wrapper {
    background-image: none !important;
    background-color: #ffd9db;
  }
  .Error-page-main-wrapper .resp-text h2 {
    font-size: 150px;
    text-align: center;
    color: #ffeded;
    font-weight: 700;
    text-shadow: 6px 6px #e12454;
  }
  .gallery-main-page ul {
    column-count: 3;
  }
  .login-main-wrapper .form-sidebar {
    height: auto;
    background-color: #e12454;
  }
  .login-main-wrapper .form-sidebar .logo-section {
    padding: 30px;
  }
  .login-main-wrapper .form-sidebar:before {
    display: none;
  }
  .login-main-wrapper .login-main {
    margin: 50px auto;
    padding: 0 30px;
  }
  .footer-main-wrapper section p, .footer-main-wrapper section .last-para {
    text-align: center;
    padding-top: 10px;
  }
  .blog-page-main-container.ptb-100 {
    padding: 40px 0px;
  }
  .contact-main-wrapper {
    padding: 100px 0;
  }
}

@media (max-width: 767px) {
  /*=====================================
    1.  CSS General
  =======================================*/
  .desk {display: none;}

  .tlf {display: block;}

  /*-------------------------------------
      2.  Header
  --------------------------------------*/
  .mobile-menu-wrapper {
    background-color: var(--blanco);
    padding: 15px 0px;
  }

  .mobile-logo img {
    max-width: 25%;
    height: auto;
  }

  .contianer-hero-home {
    -ms-flex: 0 0 100% !important;
    flex: 0 0 100% !important;
    max-width: 100% !important;
  }

  .mobile-menu-wrapper .toggle-main-wrapper .line {
    width: 30px;
    height: 3px;
    background-color: var(--cian-verde) !important;
    display: block;
    margin: 6px auto;
    transition: all 0.3s ease-in-out;
  }

  .sidebar_logo img {
    display: block;
    width: 40%;
    margin: auto;
  }

  /*=====================================
    A.  Home
  =======================================*/
  /*-------------------------------------
      3.  Hero
  --------------------------------------*/
  .row-hero-home {
    margin-top: calc(var(--bs-gutter-y) * -1);
    margin-right: calc(var(--bs-gutter-x)/ -2);
    margin-left: calc(var(--bs-gutter-x)/ -2);
  }

  .titu-hero-home {
    margin-top: 7%;
    font-size: var(--titulo-tlf) !important;
    line-height: 30px !important;
  }

  /*-------------------------------------
      4.  Quienes somos
  --------------------------------------*/
  .col-info-somos {
    -ms-flex: 0 0 100% !important;
    flex: 0 0 100% !important;
    max-width: 100% !important;
  }

  .col-somos-inter1 svg {
    display: block;
    width: 53px;
    height: 85px;
    fill: var(--blanco);
    margin: auto;
  }

  .row-infos-somos {}

  .col-infos-somos {
    -ms-flex: 0 0 100% !important;
    flex: 0 0 100% !important;
    max-width: 100% !important;
  }

  .img-somos {
    width: 59%;
    margin: auto;
  }

  .titu-somos-home {
    margin-top: -18% !important;
    margin-right: 2% !important;
    margin-bottom: 8% !important;
    font-size: 42px !important;
    line-height: 44px !important;
  }

  .txt-somos-home {
    font-size: var(--parrafo-tlf);
    line-height: 15px;
  }

  .recuadro {
    top: 23%;
    left: 76%;
    width: 24%;
    height: 234px;
  }

  /*-------------------------------------
      5.  Horarios atención
  --------------------------------------*/
  .col-horas-servicios {
    -ms-flex: 0 0 100% !important;
    flex: 0 0 100% !important;
    max-width: 100% !important;
  }

  .image-about-wrapper .image-section .image-content {
    left: 0 !important;
    width: 294px;
    font-size: var(--parrafo-tlf) !important;
  }

  .image-about-wrapper .image-section .image-content h5 {
    font-size: var(--parrafo-grd);
  }

  .image-about-wrapper .image-section .image-content .logo-icon {
    width: 57px;
    height: 57px;
  }

  .image-about-wrapper .image-section .image-content .content-box {
    display: flex;
    justify-content: space-evenly;
    width: 83%;
    margin: 7% auto;
    padding: 0 !important;
  }
  
  .image-about-wrapper .image-section .image-content .logo-icon svg {
    width: 38px;
    height: 38px;
    margin-top: -10%;
  }

  .titu-horarios {
    font-size: var(--subtitulo-tlf) !important;
    line-height: 25px !important;
  }

  .txt-horarios {
    font-size: var(--parrafo-tlf) !important;
    line-height: 15px;
  }

  .btn-horarios {
    display: block;
    width: 70%;
    margin: auto;
    font-size: var(--parrafo-tlf);
  }

  .img-botiquin {margin: 13% auto 0%;}

  /*-------------------------------------
      6.  Servicios Home
  --------------------------------------*/
  .services-main-wrapper {padding: 35px 0px;}

  .item-servis-home {width: 49vw;}

  .slider-box {
    height: 70vw;
    background-color: rgba(255, 255, 255, 0.75);
  }

  .titu-serviso-home {
    position: relative;
    top: 0;
    margin-bottom: 0 !important;
    font-family: 'Poppins' !important;
    font-size: 18px !important;
    font-weight: 800 !important;
    text-align: center;
    text-transform: uppercase !important;
    color: var(--cian-osc) !important;
    transition: .5s ease-in-out;
  }

  .services-main-wrapper .slider-service-section .owl-carousel .owl-nav {top: 38%;}

  .services-main-wrapper .slider-service-section .owl-carousel .owl-nav button.owl-prev {
    left: -33px;
    position: absolute;
  }
  
  .services-main-wrapper .slider-service-section .owl-carousel .owl-nav button.owl-next {
    right: -33px;
    position: absolute;
  }

  /*-------------------------------------
      8.  Testimonios
  --------------------------------------*/
  .testimonial-main-wrapper {padding: 45px 0px;}

  .titu-testimonios {font-size: var(--subtitulo-tlf) !important;}

  .testimonial-main-wrapper .sb-testimonial-wrapper .text-slider .owl-carousel img {
    width: 100px;
    height: 100px;
    top: 64px;
  }

  .testimonial-main-wrapper .sb-testimonial-wrapper .text-slider .owl-carousel .item-box {padding: 65px 30px 43px 30px;}

  .titu-item-testimo {font-size: var(--parrafo) !important;}
  
  .txt-item-testimo {
    font-size: var(--parrafo-tlf) !important;
    line-height: 15px !important;
  }

  .testimonial-main-wrapper .sb-testimonial-wrapper .text-slider .owl-theme .owl-dots .owl-dot:hover span, .testimonial-main-wrapper .sb-testimonial-wrapper .text-slider .owl-theme .owl-dots .owl-dot.active span {
    width: 15px;
    height: 15px;
  }

  /*=====================================
    B.  Quienes somos
  =======================================*/
  /*-------------------------------------
      9.  Hero quienes somos
  --------------------------------------*/
  .row-hero-somos {
    margin-top: calc(var(--bs-gutter-y) * -1);
    margin-right: calc(var(--bs-gutter-x)/ -2);
    margin-left: calc(var(--bs-gutter-x)/ -2);
  }

  .titu-hero-somos {
    margin-top: 7%;
    font-size: var(--titulo-tlf) !important;
    line-height: 30px !important;
  }

  .somos-wrapper .recuadro {
    position: absolute;
    top: 19%;
  }

  /*-------------------------------------
      10. Contenido quienes somos
  --------------------------------------*/
  .about-box {padding: 70px 0;}

  .col-mis-vis {
    -ms-flex: 0 0 100% !important;
    flex: 0 0 100% !important;
    max-width: 100% !important;
  }

  .titu-mis-vis {font-size: var(--subtitulo-tlf) !important;}

  .txt-mis-vis {
    font-size: var(--parrafo-tlf) !important;
    line-height: 15px !important;
  }

  .about-box .col-mis-vis2 .owl-theme .owl-dots .owl-dot:hover span, .about-box .col-mis-vis2 .owl-theme .owl-dots .owl-dot.active span {
    width: 15px;
    height: 15px;
    background-color: var(--cian-osc);
  }

  /*-------------------------------------
      11. Misión/Visión
  --------------------------------------*/
  .counter-main-wrapper {padding: 70px 0px;}

  .titu-objetivos {font-size: var(--subtitulo-tlf) !important;}

  .txt-objetivos {
    font-size: var(--parrafo-tlf) !important;
    line-height: 15px !important;
  }

  .row-objetivos {
    display: flex;
    justify-content: center;
  }

  .objetivo-icon {
    width: 90px;
    height: 90px;
  }

  .titu-objetiv {font-size: var(--parrafo-grd) !important;}

  /*-------------------------------------
      12. Objetivos
  --------------------------------------*/
  .container-objetivos {padding: 19px 0px !important;}

  .contain_carrus_objetivos .owl-stage-outer {height: 31vw;}

  .titu-objetivo {
    margin-bottom: 0% !important;
    font-size: var(--subtitulo-tlf) !important;
  }

  .slider-objetivos {
    display: block;
    width: 85%;
    margin: auto;
  }

  .txt-objetivo {
    font-size: var(--parrafo-tlf) !important;
    line-height: 15px !important;
  }

  /*-------------------------------------
      13. Valores
  --------------------------------------*/
  .titu-valores {font-size: var(--subtitulo-tlf) !important;}

  /*=====================================
    C.  Servicios
  =======================================*/
  /*-------------------------------------
      12. Hero servicios
  --------------------------------------*/
  .row-hero-servicios {
    margin-top: calc(var(--bs-gutter-y) * -1);
    margin-right: calc(var(--bs-gutter-x)/ -2);
    margin-left: calc(var(--bs-gutter-x)/ -2);
  }

  .titu-hero-servicios {
    margin-top: 7%;
    font-size: var(--titulo-tlf) !important;
    line-height: 30px !important;
  }

  /*-------------------------------------
      13. Contenido catalogo
  --------------------------------------*/
  .col_servicios {
    -ms-flex: 0 0 84% !important;
    flex: 0 0 84% !important;
    max-width: 100% !important;
    margin: 4px;
  }

  .titu-servis {
    height: 8vw;
    font-size: var(--parrafo) !important;
    line-height: 17px !important;
  }

  .txt-servis {
    font-size: var(--parrafo-tlf) !important;
    line-height: 15px;
  }

  .icon_servicios {
    width: 85px;
    height: 85px;
  }

  .icon_servicios svg {
    width: 50px;
    height: 50px;
  }

  .btn-servis {font-size: var(--parrafo-tlf);}

  /*-------------------------------------
      13.a.2. Contenido frase
  --------------------------------------*/
  .cont-frase {width: 86%;}

  .frase {
    font-size: 20px !important;
    line-height: 22px !important;
  }

  /*-------------------------------------
      13.a.3. Enfoque
  --------------------------------------*/
  .estetica-wrapper {margin: 7% auto;}

  .contain-enfoque {margin-bottom: 18%;}

  .enfoque-cuadro {
    width: 89%;
    padding: 3% 5%;
  }

  .txt-enfoque {
    font-size: var(--parrafo-tlf) !important;
    line-height: 15px;
  }

  /*-------------------------------------
      13.a.4. Misión/Visión estética
  --------------------------------------*/
  .titus_mis_vis_esteti {
    display: flex;
    width: 95%;
    height: 33;
    margin: -43% auto 3%;
    background-color: var(--cian-osc);
  }
  .txt_mis_vis_esteti {
    display: flex;
    align-items: center;
    width: 89%;
    margin-top: 0 !important;
    font-size: 16px !important;
    line-height: 18px !important;
  }

  .col_mv_esteti {
    -ms-flex: 0 0 100% !important;
    flex: 0 0 100% !important;
    max-width: 100% !important;
  }

  .col_mv_esteti2 {display: none;}

  .titu_mv_esteti {
    font-size: var(--subtitulo-tlf) !important;
    text-align: center !important;
  }

  .underline_mv_esteti {margin: auto;}

  .txt_mv_esteti {
    font-size: var(--parrafo-tlf) !important;
    line-height: 15px !important;
    text-align: center !important;
  }

  /*-------------------------------------
      13.a.5. Objetivos estética
  --------------------------------------*/
  .titu_objeti_esteti {font-size: var(--subtitulo-tlf) !important;}

  .col_objeti_esteti {
    -ms-flex: 0 0 100% !important;
    flex: 0 0 100% !important;
    max-width: 100% !important;
    height: 49vw;
    margin: 10px auto;
  }

  .cont_icon_esteti {height: 31vw;}

  /*-------------------------------------
      13.a.6. Ofrecemos estética
  --------------------------------------*/
  .titus_ofrecemos {
    margin-top: -3%;
    margin-bottom: 5%;
  }

  .titu_ofrecemos {
    margin-top: 12%;
    font-size: var(--subtitulo-tlf) !important;
  }

  .col_mv_esteti1 {margin-top: 5%;}

  .col_ofrece_esteti {
    -ms-flex: 0 0 100% !important;
    flex: 0 0 100% !important;
    max-width: 100% !important;
  }

  .btn_ofrece_esteti {width: 42%;}

  .icon_ofrece_esteti {
    width: 95px;
    height: 95px;
  }
  
  .icon_ofrece_esteti svg {
    width: 54px;
    height: 54px;
  }

  .titu_ofrece_esteti {
    height: 14vw;
    margin: 6% auto;
  }

  .txt_ofrece_esteti {
    margin-top: 1%;
    font-family: 'Poppins' !important;
    font-size: 12px !important;
    font-weight: 500 !important;
    text-align: left !important;
    line-height: 16px;
    color: var(--cian-verde)
  }

  /*-------------------------------------
      15. Contenido catalogo
  --------------------------------------*/
  .carru-servicio .owl-stage-outer {height: 91vw;}

  .container_carrusel_fotos {
    margin-top: 9%;
    margin-bottom: 3%;
  }

  /*=====================================
    15.a. Atención médica estética
  =======================================*/
  /*-------------------------------------
      15.a.1. Hero estética
  --------------------------------------*/
  .carru-servicio-estetica .owl-stage-outer {height: 152vw;}

  .contain_ofrece_esteti {height: 150vw;}

  /*-------------------------------------
      15.a.5. Objetivos estética
  --------------------------------------*/
  .objetivos-wrapper {margin: 3% auto 5%;}

  .icon_objeti_esteti {
    width: 90px;
    height: 90px;
  }
  
  .icon_objeti_esteti svg {
    width: 55px;
    height: 55px;
  }
  
  /*=====================================
    15.b. Atención médica integral
  =======================================*/
  /*-------------------------------------
      15.b.2. Ofrecemos integral
  --------------------------------------*/
  .carru-servicio-integral {margin-bottom: 6%;}
  
  .carru-servicio-integral .owl-stage-outer {height: 104vw;}

  .contain_ofrece_integral {height: 103vw !important;}

  /*-------------------------------------
      15.b.3. Carrusel integral
  --------------------------------------*/
  .titu_carrusel_integral {
    width: 60%;
    margin: auto;
    margin-bottom: 0 !important;
    font-size: var(--subtitulo-tlf) !important;
  }

  .img-integral {
    display: block !important;
    width: 91% !important;
    margin: auto !important;
  }

  /*=====================================
    15.c. Valoración del PIE
  =======================================*/
  /*-------------------------------------
      15.c.3. Ofrecemos PIE
  --------------------------------------*/
  .carru-servicio-pie .owl-stage-outer {height: 103vw;}

  .contain_ofrece_pie {height: 101vw !important;}

  /*-------------------------------------
      15.c.4. Carrusel PIE
  --------------------------------------*/
  .titu_carrusel_pie {
    width: 60%;
    margin: auto;
    margin-bottom: 0 !important;
    font-size: var(--subtitulo-tlf) !important;
  }

  .img-pie {
    display: block !important;
    width: 91% !important;
    margin: auto !important;
  }

  /*=====================================
    15.d. Atención ortomolecular
  =======================================*/
  /*-------------------------------------
      15.d.3. Ofrecemos ortomolecular
  --------------------------------------*/
  .carru-servicio-ortomolecular .owl-stage-outer {height: 190vw;}

  .contain_ofrece_ortomo {height: 185vw !important;}

  .list-servicios {
    width: 100%;
    margin-top: -4% !important;
  }

  /*=====================================
    15.e. Medicina ocupacional
  =======================================*/
  /*-------------------------------------
      15.e.2. Ofrecemos ocupacional
  --------------------------------------*/
  .carru-servicio-ocupa .owl-stage-outer {height: 100vw;}

  .contain_ofrece_ocupa {height: 99vw;}

  /*-------------------------------------
      15.e.3. Carrusel ocupacional
  --------------------------------------*/
  .titus_carrusel_ocupa {margin-top: 10%;}

  .titu_carrusel_ocupa {
    width: 60%;
    margin: auto;
    margin-bottom: 0 !important;
    font-size: var(--subtitulo-tlf) !important;
  }

  /*=====================================
    15.f. Medicina canábica
  =======================================*/
  /*-------------------------------------
      15.f.2. Ofrecemos canábica
  --------------------------------------*/
  .carru-servicio-canabi .owl-stage-outer {height: 95vw;}

  .contain_ofrece_canabica {height: 94vw;}

  /*-------------------------------------
      15.f.3. Políticas canábica
  --------------------------------------*/
  .container_politicas_canabis {
    margin-top: 9%;
    margin-bottom: 6%;
  }
  .titu_politicas_cababis {
    width: 90%;
    font-size: var(--subtitulo-tlf) !important;
  }

  .list_politicas_canabis {
    width: 92%;
    font-size: var(--parrafo-tlf);
  }

  .politicas_canabis {
    margin: 3% 0;
    line-height: 15px;
  }

  /*=====================================
    D.  Planes
  =======================================*/
  /*-------------------------------------
      14.  Hero planes
  --------------------------------------*/
  .row-hero-planes {
    margin-top: calc(var(--bs-gutter-y) * -1);
    margin-right: calc(var(--bs-gutter-x)/ -2);
    margin-left: calc(var(--bs-gutter-x)/ -2);
  }

  .titu-hero-planes {
    margin-top: 7%;
    font-size: var(--titulo-tlf) !important;
    line-height: 30px !important;
  }

  /*-------------------------------------
      15.  Contenido planes
  --------------------------------------*/
  .services-wrapper {padding: 40px 0px;}

  .titu-servicios {font-size: var(--subtitulo-tlf) !important;}

  ul.list-pogramas {
    width: 64vw;
    height: auto;
    margin-bottom: 9% !important;
    font-size: var(--parrafo-tlf);
  }

  .item_programas {
    font-size: var(--parrafo-tlf);
    line-height: 15px;
  }

  .contain-programas .btn-servis {width: 45%;}

  /*=====================================
    E.  Contactanos
  =======================================*/
  /*-------------------------------------
      16.  Hero contacto
  --------------------------------------*/
  .banner-contacto-section-wrapper {
    padding: 13% 0px 0% !important;
    background-position: 98% 51px;
  }

  .banner-contacto-section-wrapper .container {background-color: rgba(255, 255, 255, .4);}

  .row-hero-contacto {
    margin-top: calc(var(--bs-gutter-y) * -1);
    margin-right: calc(var(--bs-gutter-x)/ -2);
    margin-left: calc(var(--bs-gutter-x)/ -2);
  }

  .col_hero_contacto {
    -ms-flex: 0 0 100% !important;
    flex: 0 0 100% !important;
    max-width: 100% !important;
  }

  .col_hero_contacto2 {
    margin-top: 6%;
    margin-bottom: 10%;
  }

  .titu-hero-contacto {
    margin-top: 7%;
    font-size: var(--titulo-tlf) !important;
    line-height: 30px !important;
  }

  /*-------------------------------------
      17.  Contenido contacto
  --------------------------------------*/
  .container-contacto {padding: 50px 0;}

  .col-contacto {
    -ms-flex: 0 0 100% !important;
    flex: 0 0 100% !important;
    max-width: 100% !important;
  }

  .img-contacto {display: none;}

  .titu-form {font-size: var(--subtitulo-tlf) !important;}

  /*=====================================
    D.  Desafio peso ideal
  =======================================*/
  /*-------------------------------------
      17.  Contenido desafio
  --------------------------------------*/
  .contain-frase {
    margin-top: 5%;
    margin-bottom: 4%;
  }
  .frase_desafio_peso {
    margin-top: 2%;
    margin-bottom: 8px !important;
    font-family: 'Poppins' !important;
    font-size: var(--subtitulo-tlf) !important;
    font-weight: 800 !important;
    font-style: italic;
    text-align: center !important;
    text-transform: uppercase !important;
    letter-spacing: 3px;
    color: var(--cian-osc) !important;
  }

  .titus_peso_ideal {
    width: 100%;
    margin: 1% auto;
  }
  .titu_peso_ideal, .titu_pago_peso {
    width: 100%;
    height: 14vw;
  }

  .contain_peso_ideal .titus_peso_ideal,
  .contain_programa_semana .titus_peso_ideal,
  .contain_vacaciones .titus_peso_ideal,
  .contain_pago_peso .titus_pago_peso {
    position: relative;
    top: 0;
  }
  .contain_peso_ideal .txt_peso_ideal,
  .contain_programa_semana .txt_programa_semana,
  .contain_vacaciones .list_vacaciones,
  .contain_pago_peso .txt_pago_peso,
  .contain_pago_peso .list_pago_peso {
    position: relative;
    top: 0;
  }
  .contain_peso_ideal .cont_desafio_peso,
  .contain_programa_semana .cont_desafio_peso,
  .contain_vacaciones .cont_desafio_peso,
  .contain_pago_peso .cont_desafio_peso {
    background-color: rgba(255, 255, 255, 0.85);
  }
  .contain_vacaciones .list_vacaciones,
  .contain_pago_peso .list_pago_peso {
    position: relative;
    top: 0;
  }

  .contain_peso_ideal:hover .titus_peso_ideal,
  .contain_programa_semana:hover .titus_peso_ideal,
  .contain_vacaciones:hover .titus_peso_ideal,
  .contain_pago_peso:hover .titus_pago_peso {
    position: relative;
    top: 0;
  }
  .contain_peso_ideal:hover .txt_peso_ideal,
  .contain_programa_semana:hover .txt_programa_semana,
  .contain_vacaciones:hover .list_vacaciones,
  .contain_pago_peso:hover .txt_pago_peso,
  .contain_pago_peso:hover .list_pago_peso {
    position: relative;
    top: 0;
  }
  .contain_peso_ideal:hover .cont_desafio_peso,
  .contain_programa_semana:hover .cont_desafio_peso,
  .contain_vacaciones:hover .cont_desafio_peso,
  .contain_pago_peso:hover .cont_desafio_peso {
    background-color: rgba(255, 255, 255, 0.85);
  }
  .contain_vacaciones:hover .list_vacaciones,
  .contain_pago_peso:hover .list_pago_peso {
    position: relative;
    top: 0;
  }
  
  /*-------------------------------------
      18.  Video desafio
  --------------------------------------*/
  .carru_peso_ideal {
    width: 90%;
    margin-bottom: 5%;
  }

  .carru_peso_ideal .owl-stage-outer {height: 114vw;}

  .contain_peso_ideal, .contain_programa_semana, .contain_vacaciones, .contain_pago_peso {
    display: block;
    width: 93%;
    height: 111vw;
    margin: auto;
  }

  .cont_desafio_peso {padding: 4%;}
  
  .contain_video_peso video {
    width: 348px !important;
    height: 209px !important;
  }


  /*=====================================
    Footer
  =======================================*/
  /*footer top*/
  .col-items-footer1 {
    -ms-flex: 0 0 100% !important;
    flex: 0 0 100% !important;
    max-width: 100% !important;
  }
  .col-items-footer2 {
    -ms-flex: 0 0 100% !important;
    flex: 0 0 100% !important;
    max-width: 100% !important;
  }
  .col-items-footer3 {
    -ms-flex: 0 0 100% !important;
    flex: 0 0 100% !important;
    max-width: 100% !important;
  }
  .col-items-footer4 {
    -ms-flex: 0 0 100% !important;
    flex: 0 0 100% !important;
    max-width: 100% !important;
  }

  .cont-info-politi {margin-bottom: 11%;}

  .items-catego {margin-bottom: 16px !important;}

  .logo-footer {margin: auto;}

  /*footer bottom*/
  .col-foot-firma {
    -ms-flex: 0 0 100% !important;
    flex: 0 0 100% !important;
    max-width: 100%;
  }




  h6 {
    font-size: 18px !important;
  }
  h2 {
    font-size: 30px;
  }
  .resp-mt-20 {
    margin-top: 20px;
  }
  .banner-section-wrapper {
    background-position: left;
  }
  .about-main-wrapper .sb-about-section {
    padding-top: 60px;
    padding-bottom: 30px;
  }
  .banner-main-wrapper2 .carousel-item .carousel-caption h4 {
    font-size: 18px;
  }
  .banner-main-wrapper2 .carousel-item .carousel-caption h3 {
    font-size: 28px;
  }
  .banner-main-wrapper2 .carousel-item .carousel-caption p {
    font-size: 14px;
  }
  .banner-main-wrapper2 .carousel-item .carousel-caption ul {
    padding-top: 11px !important;
  }
  .banner-main-wrapper2 .carousel-item .carousel-caption .page2-btn {
    padding: 3px 16px;
  }
  .client2-main-wrapper .resp-font-size {
    font-size: 30px;
  }
  .service2-main-wrapper2 .resp-margin {
    margin-top: 30px;
  }
  .about2-main-wrapper .sb-about-section .counter-main .count-up {
    display: block;
  }
  .about2-main-wrapper .sb-about-section .counter-main .count-up .counter-icon {
    padding: 13px;
  }
  .about2-main-wrapper .sb-about-section .counter-main h4 {
    margin-top: 20px;
  }
  .banner-main-wrapper3 .carousel .carousel-item p br {
    display: none;
  }
  .banner-main-wrapper3 .carousel .carousel-item h2 span {
    line-height: 45px;
  }
  .service-main-page-wrapper .booking-main-sec .form-section .list-img {
    display: block;
    column-count: 3;
  }
  .service-main-page-wrapper .booking-main-sec .form-section .list-img li {
    margin-bottom: 15px;
  }
  .service-main-page-wrapper .booking-main-sec .booking-info.r-border:before {
    display: none;
  }
  .blog-page-main-container .blog-single-main-page .blog-box .blog-content .tag-with-media {
    display: block;
  }
  .blog-page-main-container .blog-single-main-page .blog-box .blog-content .tag-with-media .social {
    margin-top: 30px;
  }
  .gallery-main-page ul {
    column-count: 1;
  }
}

/*---width 580--*/
@media (max-width: 580px) {
  br {
    display: none;
  }
  .image-about-wrapper .image-section .image-content {
    left: 30px;
    top: 0;
  }
  .image-about-wrapper .image-section .img {
    display: none;
  }
  .image-about-wrapper .about-content {
    padding: 30px;
  }
  .banner-section-wrapper .sb-banner-section p {
    width: auto;
  }
  .client2-main-wrapper .resp-font-size {
    font-size: 24px;
  }
  .client2-main-wrapper p {
    font-size: 14px;
  }
  .blog-main-wrapper br {
    display: block;
  }
  .Error-page-main-wrapper .sb-error-content h2 {
    font-size: 35px;
  }
  .banner-section-wrapper .sb-banner-section h2 {
    font-size: 40px;
  }
  .blog-box .img-icon p br {
    display: block;
  }
}

/*-- width 480 --*/
@media (max-width: 480px) {
  p {
    font-size: 14px;
  }
  .banner-main-wrapper2 .carousel-item h4 {
    font-size: 22px !important;
  }
  .banner-main-wrapper2 .carousel-item h3 {
    font-size: 30px !important;
  }
  .banner-main-wrapper2 .carousel-item ul {
    display: block !important;
  }
  .banner-main-wrapper2 .carousel-item ul li {
    margin-bottom: 10px;
  }
  .founder-main-wrapper h6 {
    font-size: 20px;
  }
  .about-main-wrapper3 h4 {
    font-size: 22px !important;
  }
  .about-main-wrapper .sb-about-section {
    padding-top: 40px;
    padding-bottom: 50px;
    padding: 40px 30px 50px 30px;
  }
  .form-section .form-input {
    padding: 15px;
  }
  .comment-section ul {
    display: block !important;
    text-align: center;
  }
  .comment-section ul li {
    margin-bottom: 20px;
  }
  .comment-section h5 {
    font-size: 18px !important;
  }
  .contact-main-wrapper .sb-contact-section h4 {
    font-size: 24px;
  }
  .contact-main-wrapper .sb-contact-section .breadcrumb {
    padding-right: 0 !important;
  }
  .contact-main-wrapper .sb-contact-section .breadcrumb li {
    font-size: 16px;
  }
  .blog-page-main-container .blog-single-main-page .blog-box .admin-main {
    display: block;
  }
  .blog-page-main-container .blog-single-main-page .blog-box .admin-main .admin-about {
    margin-left: 0;
  }
  .blog-page-main-container .blog-single-main-page .blog-box .admin-main .admin-about .h6 {
    font-size: 20px;
  }
  .resp-disply {
    display: block !important;
  }
  .resp-disply ul {
    margin-top: 20px;
  }
  .main-header-wrapper .sb-main-header .top-header-section .sb-top-right-section ul .login-btn span a {
    font-size: 13px;
  }
  .service-main-page-wrapper .booking-main-sec .form-section .list-img {
    column-count: 1;
  }
}

@media (max-width: 380px) {
  .testimonial-main3 h5 {
    font-size: 22px;
  }
  .Error-page-main-wrapper .sb-error-content h2 {
    font-size: 26px;
  }
  .about-main-wrapper .sb-about-section h5 {
    font-size: 17px;
  }
  .main-header-wrapper .sb-main-header .top-header-section .sb-top-right-section ul .login-btn span a {
    font-size: 13px;
  }
  nav.page-navigation ul li.page-item {
    margin-right: 7px;
  }
  .main-header-wrapper .sb-main-header .top-header-section .sb-top-left-section {
    padding: 13px 10px;
  }
  .main-header-wrapper .sb-main-header .top-header-section .sb-top-right-section ul .login-btn span a {
    font-size: 12px;
  }
  .blog-box .blog-content ul li {
    padding-right: 35px;
  }
  .blog-box .blog-content ul li:last-child {
    padding-right: 0px;
  }
  .login-main-wrapper .login-main form label {
    font-size: 11px;
  }
  .consult-wrap a {
    font-size: 12px;
  }
}

/*-- width 360 --*/
@media (max-width: 360px) {
  .image-about-wrapper .image-section .image-content {
    left: 5px;
  }
  .image-about-wrapper .image-section .image-content .logo-icon {
    left: 213px;
  }
  .testimonial-main-wrapper .sb-testimonial-wrapper .text-slider .owl-carousel .owl-nav {
    top: 35px;
  }
  .main-header-wrapper .sb-main-header .top-header-section .sb-top-left-section a,
  .main-header-wrapper .sb-main-header .top-header-section .sb-top-right-section a {
    font-size: 14px;
  }
  .blog-page-main-container .blog-single-main-page .blog-box .admin-main .admin-about .h6 {
    font-size: 16px;
  }
  .login-main-wrapper .form-resp-display {
    display: block !important;
  }
  .testimonial-main-wrapper .sb-testimonial-wrapper .text-slider .owl-carousel .owl-nav {
    top: -6px;
  }
  .home1-section-heading2 {
    font-size: 18px;
  }
  .blog-box .blog-content ul li i {
    padding-right: 4px;
  }
  .blog-box .blog-content ul li a {
    font-size: 14px;
  }
}

/*--width 320 --*/
/*# sourceMappingURL=responsive.css.map */