@media only screen and (max-width: 1021px) {
    #btsin {
        width: 100%;
    }

    .btn-verdelanding {
        width: 200px;
        margin-bottom: 10px;
    }

    .nav-item {
        width: 136px;
    }
}

@media (max-width: 1199px) {
    .simulapension {
        position: relative;
        width: 100%;
        text-align: center;
        background-image: url('../img/rectangulo-min.png');
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
        display: flex;
        margin-top: 50px;
        padding: 0vw 2vw;
        font-size: 14px;
    }

    .vontainer1 {
        display: flex;
        flex-direction: column;
        flex-grow: 0.7;
    }

    .vontainer2 {
        margin-top: 4vh;
    }
}

@media only screen and (max-width: 1457px) {
    .masthead {
        height: 150vh;
    }

    .mx-auto {
        margin-top: -150px;
    }
}
/* @media only screen and (min-width: 800px) {
    .modal-content {
        background-color: #fefefe;
        margin: 43% auto;
        padding: 20px;
        border: 1px solid #888;
        width: 100%;
    }
} */
@media only screen and (max-width: 800px) {
    .modal-content {
        background-color: #fefefe;
        margin: 43% auto;
        padding: 20px;
        border: 1px solid #888;
        width: 100%;
    }
    .mx-auto {
        margin-top: auto;
    }
    .btn-verdelanding {width: 100%; margin-bottom: 10px;}
    .media-body.paddinng-14{padding: 0px;}
    .media-img {width: 13.125rem;}
}

@media only screen and (min-width: 992px) {
    .vontainer2 { font-size: 10px;}
    .masthead {height: auto;}

    #cabecera .col-lg-12.cabecera12 {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }

    #mainNav {
        padding-top: 0;
        padding-bottom: 0;
        border-bottom: none;
        background-color: transparent;
        -webkit-transition: background-color 0.3s ease-in-out;
        transition: background-color 0.3s ease-in-out;
    }

    #mainNav .navbar-brand {
        padding: .5rem 0;
        color: rgba(255, 255, 255, 0.5);
    }

    #mainNav .nav-link {
        -webkit-transition: none;
        transition: none;
        padding: 2rem 1.5rem;
        /* color: rgba(255, 255, 255, 0.5); */
        color: rgb(255, 255, 255);
    }

    #mainNav .nav-link:hover {
        color: rgba(255, 255, 255, 0.75);
    }

    #mainNav .nav-link:active {
        color: white;
    }

    #mainNav.navbar-shrink {
        /* background-color: #fff; */
        background-color: #fff;
        color: #000;
    }

    #mainNav.navbar-shrink .navbar-brand {
        color: #161616;
    }

    #mainNav.navbar-shrink .nav-link {
        color: #161616;
        padding: 1.5rem 1.5rem 1.25rem;
        border-bottom: 0.25rem solid transparent;
    }

    #mainNav.navbar-shrink .nav-link:hover {
        color: #1cc3d7;
    }

    #mainNav.navbar-shrink .nav-link:active {
        color: #1cc3d7;
    }

    #mainNav.navbar-shrink .nav-link.active {
        color: #1cc3d7;
        outline: none;
        border-bottom: 0.25rem solid #1cc3d7;
    }
}

@media only screen and (max-width: 993px) {
    #cabecera .col-lg-12.cabecera12 {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }

    .faq li {
        padding: 11px;
        text-align: left;
    }

    .nav-link.js-scroll-trigger.active .movilno {
        display: none;
    }

    .nav-link.js-scroll-trigger.active .movilsi {
        display: initial
    }

    #habklamos .bottmovil {
        margin-bottom: 20px;
    }

    footer {
        background-size: contain;
    }

    .footermovi {
        text-align: center;
    }
}

/* Smartphones (portrait & landscape) */
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
    .float-right.videobtn {
        width: 100%;
    }

    .vervideo {
        text-align: center;
        margin-top: 50px;
    }
}

@media only screen and (max-width: 769px) {
    .vontainer2 {width: 50%;font-size: 10px;}
    .vervideo {
        text-align: center;
        margin-top: 50px;
        margin-right: 20px;
    }

    .float-right.videobtn {
        text-align: center;
        /* float: none; */
        float: inherit !important;
    }

    #telNo {
        width: 87% !important;
        margin: 0 auto;
    }

    #cabecera .wi100 {
        display: block !important;
        margin: 31px;
        text-align: center;
    }

    #cambiolink {
        width: 73%;
    }

    .landing_downloadButton.movil {
        width: 86%;
        margin: 0 auto;
        margin-top: 40px;
    }

    #cabecera .col-lg-12.cabecera12 {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }

    .masthead h1 {
        letter-spacing: 0px;
    }

    .about-section {
        padding-top: 2rem;
    }

    .faq {
        column-count: 1;
        text-align: left;
    }

    .masthead {
        height: 200vh;
    }

    #cabecera .row {
        margin-top: -141px;
    }

    #btsin {
        width: 100%;
    }
    
    .ini {
        margin-top: 70%;
    }
}


@media only screen and (max-width: 509px) {
    .vontainer2 {
        width: 66%;
        font-size: 10px;
        margin-top: 9vh;
    }
}

@media only screen and (max-width: 493px) {
    .simulapension {
        position: relative;
        width: 100%;
        text-align: center;
        background-image: url('../img/rectangulo-min.png');
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
        display: flex;
        margin-top: 50px;
        /* padding: 0vw 2vw; */
        font-size: 14px;
        flex-wrap: wrap;
    }
    .vontainer2 {
        width: 100%;
        font-size: 10px;
        margin-top: 4vh;
    }
}


@media only screen and (max-width: 376px) {
    #cabecera .col-lg-12.cabecera12 {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }

    .masthead {
        height: 200vh;
    }

    .media {
        margin-bottom: 20px;
        flex-wrap: wrap !important;
    }

    .oveflow-hidden {
        width: 100%;
        text-align: center;
    }

    .btn-verdelanding {
        width: 100%;
    }

    #btsin a {
        margin-bottom: 15px;
    }
}