@media screen and (max-width: 1200px) {
}

/* ============= 1200 =========== */

/* ============= 991 =========== */
@media screen and (max-width: 991px) {
}
/* ============= 991 =========== */

/* ============= 767 =========== */
@media screen and (max-width: 767px) {
    nav.main-nav {
        padding: 10px 15px;
        position: sticky;
        z-index: 99;
        background-color: #fff;
        width: 100%;
        left: 0;
        right: 0;
        top: 0;
        padding-left: 0;
        padding-right: 0;
    }
    .accordion-item {
        padding: 0;
    }

    nav.main-nav.expend {
        height: 100vh;
        display: block;
    }
    .container-fluid {
        padding: 0 10px;
    }
    .main-nav .navbar-nav .nav-item .nav-link {
        padding: 10px 0px;
        border-bottom: 2px solid #eeeeee;
    }
    .main-nav .navbar-nav .nav-item:first-child .nav-link {
        padding-top: 25px;
    }
    img.banner-image {
        position: static;
        height: auto;
        border-bottom: 4px solid #d5420f;
    }
    .banner-content {
        padding: 0 15px;
    }

    .banner-content h2 {
        font-size: 40px;
        
        margin-bottom: 30px;
        margin-top: 20px;
    }
    .banner-content h2 span.and-circle {
        width: 35px;
        height: 35px;
        font-size: 24px;
        margin-left: -5px;
        bottom: -8px;
    }
    .banner-content h4 {
        color: #1b8192;
        margin-bottom: 15px;
        font-size: 24px;
    }
    .home-banner {
        height: auto;
        padding-bottom: 40px;
    }

    .dr-area-content {
        padding: 70px 50px;
    }

    .dr-area-content h3 {
        font-size: 18px;
    }

    .dr-area-content h3 br {
        display: none;
    }
    .theme-btn {
        padding: 0px 50px;
    }
    .footer-bottom p u {
        text-decoration: underline;
    }

    .footer-bottom p a {
        margin-top: 0;
    }
    .footer-logo {
        padding: 20px 0px;
    }
    .footer-logo img {
        width: 110px;
    }
    .footer-logo {
        padding: 25px 0px;
    }
    html,
    body {
        overflow-x: hidden;
    }
    .footer-top ul {
        grid-template-columns: repeat(1, 1fr);
        grid-row-gap: 8px;
    }
    .v2-bg {
        background-image: none;
    }

    .banner-v2 {
        height: auto;
    }

    .banner-v2-content {
        max-width: 500px;
        margin-top: 0;
        padding: 0 0;
    }

    .content-blockv1-content {
        margin-top: 0px;
        margin-left: -10px;
        margin-right: -10px;
        padding: 50px 30px;
    }
    .content-blockv1-content h2 {
        font-size: 26px;
    }
    .blockv4-header h2 {
        font-size: 26px;
        
    }
    .banner-v2-content {
        max-width: 500px;
        margin-top: 0;
        padding: 40px 0;
        border-top: 4px solid #d5420f;
    }
    .banner-v2-content h2 {
        font-size: 34px;
    }
    .content-blockv2-content {
        box-shadow: 0px 0px 8px 3px rgb(167 167 167 / 28%);
        margin-left: -10px;
        margin-right: -10px;
        margin-top: 0;
    }

    .content-blockv3-icon img {
        height: 70px;
        margin-bottom: 15px;
    }
    .content-blockv3-icon {
        margin-bottom: 0;
    }

    .content-blockv3-content p {
        text-align: left;
        margin-top: 30px;
    }
    .content-blockv4-content {
        padding-top: 0;
    }

    .content-blockv4-content-inner ul {
        padding-left: 20px;
    }
    .percentage-box h2 {
        font-size: 50px;
        line-height: 50px;
        margin-top: 0;
    }

    .content-blockv6 {
        margin-right: 0;
    }
    .content-blockv6 p {
        max-width: 70%;
    }
    .content-blockv6 p br {
        display: none;
    }

    .content-blockv7 h2 {
        padding: 30px 0;
        font-size: 20px;
    }
    img.male-female {
        max-width: 150px;
        margin-right: 0;
    }
    .blockv10-body h2, .blockv10-media h2 {
        font-size: 20px;
    }
    .content-blockv4 .d-flex.align-items-center {
        align-items: flex-start !important;
    }
    .percentage-box.male-female-content h2 {
        font-size: 51px;
        
        margin-top: 10px;
    }
    .percentage-box.male-female-content span {
        float: none;
        font-size: 35px;
		margin-top: 30px;
        
    }

    .content-blockv4 {
        padding: 35px 0;
        padding-bottom: 30px;
    }

    .blockv8-header ul {
        padding-left: 20px;
    }

    .blockv8-body {
        text-align: left;
        margin-top: 30px;
    }

    .blockv8-body ul {
        display: block;
        margin-top: 20px;
    }
    .blockv8-body ul li {
        display: block;
    }
    .blockv8-body ul li br {
        display: none;
    }
    .blockv8-body ul li a {
        
        font-size: 22px;
        text-align: left;
    }
    .blockv10-media.media-custom {
        display: block !important;
        text-align: center;
    }
    .blockv10-media.media-custom img {
        margin-bottom: 30px;
    }

    .blockv10-media.media-custom ul {
        text-align: left;
    }

    .blockv10-media.media-custom h2 {
        text-align: left;
    }
    .blockv10-body h2 {
        text-align: left !important;
    }
    .blockv10-body .d-flex.blockv10-media {
        max-width: 100%;
        padding-top: 15px;
        padding-bottom: 15px;
        margin-left: 0;
    }
    .d-flex.blockv10-media.mt-5.max-740 {
        margin-left: 0;
        max-width: 100%;
    }
    .content-blockv11 {
        padding: 30px 0;
    }

    .blockv11-grid.mt-100 {
        margin-top: 40px;
    }
    .gray-banner {
        text-align: left;
        background-color: #fff;
        padding: 30px 0;
    }
    .accordion-item h3{
        padding-right: 30px;
    }
    .accordion-collapse p {
        padding-right: 0;
    }
    .conoce-section-content {
        padding-right: 0;
        padding: 25px 0;
    }
    .conoce-section-content h2 {
        font-size: 26px;
        padding-right: 0;
    }

    .conoce-section-content a {
        padding: 16px 10px;
        font-size: 11px;
    }

    .conoce-section {
        padding-bottom: 60px;
    }

    .content-blockv3-content {
        padding-top: 20px;
    }
    .custom-row {
        grid-template-columns: 100%;
    }

    .v3-bg,
    .v4-bg {
        background-image: none;
    }
    .v4-bg::after {
        display: none;
    }
    .apoyo-banner {
        background-color: #128292;
        padding: 45px 20px;
    }
    .container {
        max-width: 1200px;
        padding: 0;
    }
    .row {
        margin-left: 0;
        margin-right: 0;
    }
    .col-12,
    .col-md-12,
    .col-md-6,
    .col-md-7,
    .col-md-5 {
        padding: 0;
    }
    .container-fluid {
        padding: 0;
    }
    .footer-top,
    .footer-bottom,
    .footer-logo,
    nav.main-nav,
    .banner-v2-content,
    .content-blockv3-content,
    .content-blockv4-content-inner,
    .content-blockv4,
    .content-blockv8,
    .content-blockv9,
    .content-blockv10,
    .gray-banner,
    .site-accordions,
    .conoce-section-content,
    .apoyo-announcements-right,
    .apoyo-announcements-left {
        padding-left: 20px;
        padding-right: 20px;
    }
    .apoyo-section {
        padding: 40px 0;
        padding-bottom: 0;
    }
    .apoyo-section-content img {
        max-width: 400px;
        margin: 0 auto;
        margin-top: 20px;
        margin-bottom: 30px;
    }
    .apoyo-section-content a {
        text-align: center;
    }
    .apoyo-section-content.llma-content .d-flex {
        display: block !important;
    }
    .apoyo-section-content {
        border-bottom: 0px solid #f2f2f2;
        padding-bottom: 0;
        margin-bottom: 30px;
    }

    .apoyo-section-content .flex-grow-1.ms-3 {
        margin-left: 0 !important;
    }

    a.orange-btn {
        width: 100%;
    }
    .apoyo-announcements-left {
        margin-bottom: 45px;
    }
    .apoyo-announcements-right img {
        height: 40px;
        width: 60px;
        object-fit: contain;
    }
    .apoyo-announcements-right .flex-grow-1 {
        padding-right: 40px;
    }
    .apoyo-announcements {
        padding-bottom: 20px;
    }
    .question-answer-block {
        padding: 80px 30px;
    }
    ul.radio-list.radio-col-4,
    ul.radio-list.radio-col-3 {
        grid-template-columns: 100%;
    }
    .severo-buttons {
        grid-template-columns: 100%;
        position: relative;
    }
    .radio-group {
        column-gap: 15px;
        justify-content: space-between;
    }

    .severo-buttons p:first-child {
        position: absolute;
        left: 0;
        margin-left: 0;
        margin-bottom: 0;
        bottom: -20px;
    }
    .severo-buttons p:last-child {
        position: absolute;
        right: 0;
        margin-left: 0;
        margin-bottom: 0;
        bottom: -20px;
    }
    label#flexRadioDefault-error {
        bottom: -50px;
        left: 0;
        right: 0;
        margin: 0 auto;
    }
    label#question6-error {
        bottom: auto;
        top: 355px;
    }
    .banner-content h2 span::after {
        width: 30px;
        height: 30px;
        bottom: 0;
    }
    .apoyo-section-content{
        padding-left: 15px;
        padding-right: 15px;
    }
    .gray-banner h2{
        font-size: 20px;
    }
    .banner-v2-content h2 {
        font-size: 26px;
    }
    .flex-grow-1.ms-3 {
        margin-left: 0 !important;
    }
    .percentage-box h6 {
        margin-bottom: 15px;
        line-height: 20px;
    }
    .percentage-box.male-female-content h2 {
        line-height: 40px;
    }
}
/* ============= 767 =========== */