@media screen and (max-width: 768px) {
    body {
        width: 100vw;
        overflow-x: hidden;
    }

    section {
        padding: 40px 0;
        position: relative;
    }

    body.home #main-content {
        margin-top: -172px;
        z-index: 0;
    }

    .top-header,
    header.mc-header .main-header .main-nav,
    header.mc-header .main-header .contact-header{
        display: none;
    }

    header.mc-header .main-header .logo-container{
        padding: 21px 0;
    }

    header.mc-header .main-header .logo-container img {
        width: 169px;
    }

    header.mc-header .main-header .container .mobile-menu {
        display: block;
    }

    .hero-banner {
        padding: 0;
    }

    .hero-banner .foreground .caption-grid {
        padding: 65px 0px 16px 0px;
        gap: 40px;
        flex-direction: column;
    }

    .hero-banner .image-hero {
        position: absolute;
        z-index: 1;
        width: 100%;
        height: 70%;
        top: 0;
        left: 0;
        padding: 0;
    }

    .hero-banner .image-hero:after {
        content: '';
        display: block;
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 1;
        background-color: rgba(0, 0, 0, 0.38);
    }

    .hero-banner .image-hero img{
        height: 100%;
        width: auto;
        top: 0;
        position: relative;
    }

    .hero-banner .form-col {
        background-color: #fff;
    }

    .hero-banner .foreground {
        padding-top: 100px;
        background-color: transparent;
    }

    .hero-banner .foreground .caption-grid .title-col {
        width: 100%;
    }

    .hero-banner .foreground .caption-grid .title-col .subtitle {
        font-size: var(--font-size-s);
    }

    .hero-banner .foreground .caption-grid .title-col .title {
        font-size: var(--font-size-s);
    }
    .hero-banner .foreground .caption-grid .title-col .title {
        font-size: 36px;
    }

    .hero-banner .form-col,
    .hero-banner .form-col form input, .hero-banner .form-col form textarea {
        width: 100%;
    }

    .hero-banner .foreground {
        position: relative;
    }

    .features-model-slick {
        grid-template-columns: 1fr;
        width: 100%;
    }

    .featured-models,
    .featured-models .container {
        width: 100vw;
        padding: 40px 10px;
    }

    .section-title {
        width: 100%;
        align-items: flex-start;
        padding: 0 15px;
    }

    .section-title .subtitle:after {
        display: none;
    }

    .section-title .title-section {
        text-align: left;
        font-size: 32px;
    }

    .model-card .image {
        width: 100%;
        height: auto;
        overflow: hidden;
    }

    .model-card .image img {
        width: 100%;
        height: unset;
        transition: all 0.3sease 0s;
    }

    .model-card {
        margin: 10px 15px;
    }

    .kit-section .kit-grid {
        flex-direction: column;
        gap: 0;
    }

    .kit-section .kit-grid .image-holder,
    .kit-section .kit-grid .image-holder img {
        width: 100%;
    }

    .section-title .description {
        text-align: left;
    }

    .panel-sip .container .panel-sip--features .caption {
        flex-direction: column;
        gap: 150px;
    }

    .panel-sip .container .panel-sip--features .feature-item:after {
        content: '';
        display: block;
        width: 14%;
        height: 20px;
        border-bottom: 1px dashed #333;
        border-left: 1px dashed #333;
        border-right: 0 none;
        position: absolute;
        bottom: 0;
        left: 0;
        margin: 0 auto;
    }

    .panel-sip .container .panel-sip--features .right-col .feature-item{
        padding-top: 30px;
        padding-bottom: 0;
    }

    .panel-sip .container .panel-sip--features .right-col .feature-item:after {
        left: 0;
        top: 0;
        right: 0;
        margin: 0 auto;
    }

    .models_distribution--grid {
        flex-direction: column;
    }

    .models_distribution--grid .models_distribution--menu {
        width: 100%;
    }

    .models_distribution--grid .details-item .detail-grid {
        gap: 38px;
        flex-direction: column;
    }

    .models_distribution--grid .details-item .detail-grid .image-detail,
    .models_distribution--grid .details-item .detail-grid .image-detail img {
        width: 100%;
    }

    .banner-financiamiento .container {
        flex-direction: column;
    }

    .banner-financiamiento .container .content .grid-boxes {
        grid-template-columns: 1fr;
    }

    .banner-financiamiento .container .content .logo-banco img {
        width: 100%;
    }

    footer.main-footer {
        padding: 60px 0 40px;
    }

    footer.main-footer .container {
        flex-direction: column;
        gap: 20px;
    }

    footer.main-footer .container .brand-footer-col,
    footer.main-footer .brand-footer-col .list-contact,
    footer.main-footer .brand-footer-col .brand-holder {
        padding: 0;
    }

    .modelos-grid .grid-models {
        grid-template-columns: 1fr;
        row-gap: 20px;
    }

    .header-modelos h1,
    .header-contacto h1,
    .header-modelo h1 {
        font-size: 36px;
        margin: 0;
    }

    .header-modelos p,
    .header-contacto p,
    .header-modelo p {
        font-size: 14px;
    }

    .llave-en-mano .container {
        flex-direction: column-reverse;
        padding: 0 15px;
    }

    .llave-en-mano .container .media, 
    .llave-en-mano .container .media img,
    .llave-en-mano .container .media video {
        width: 100%;
        height: auto;
    }

    .contact-form .form-holder .form-div .form-row {
        flex-direction: column;
    }

    .contact-form .form-holder {
        padding: 24px;
    }

    #carrusel-showroom img {
        margin: 0 auto;
    }

    .specs-modelo {
        padding: 40px 0;
    }

    .specs-modelo .specs .spec-item {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }
    .specs-modelo .specs .spec-item .caption {
        align-items: center;
        gap: 1px;
    }

    .specs-modelo .specs {
        display: grid;
        grid-template-columns: 50% 50%;
        padding: 10px 0;
        width: 100%;
        row-gap: 20px;
        transform: none;
    }

    .single-description .grid-description {
        gap: 24px;
        align-self: stretch;
        margin: 0 auto;
        flex-direction: column-reverse;
        padding-bottom: 40px;
    }

    .single-description .grid-description .description-image img {
        width: 100%;
    }

    .table-termination {
        width: 100%;
        overflow-x: scroll;
    }

    .table-termination .table-row {
        width: 100%;
        display: grid;
        grid-template-columns: 200px 1fr 1fr 1fr;
        width: 678px;
    }

    .table-termination .table-row .col-table h4 {
        text-align: left;
    }
    .fixed-menu-rrss ul.rrss-menu-float li a {
        padding: 18px;
        align-items: center;
        gap: 10px;
        align-self: stretch;
        background: var(--color-primary);
    }

    .banner-financiamiento .container .image-holder img{
        width: 100%;
    }

}