/*  Theme Responsive Css */



/* Estilos para tabletas */



@media (min-width: 768px) and (max-width: 1024px) {

    /* Estilos específicos para tabletas */

    #contenido_principal {

        /*  background: red;*/

    }

}

/* Estilos para teléfonos móviles */



@media (max-width: 767px) {

    /* Estilos específicos para teléfonos móviles */

    #contenido_principal {

        /*  background: blue;*/

    }

}

@media only screen and (max-width: 5000px) {

    .boxed_wrapper {

        overflow-x: hidden;

    }

}

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

    /*.main-header .header-bottom .logo-box {

        padding: 0px;

        margin-top: 32px;

        background: transparent;

    }

    .main-header .header-bottom .logo-box:before {

        display: none;

    }*/

    .main-menu .navigation>li {

        margin: 0px 18px;

    }

    .main-header .menu-area {

        margin-right: 0px;

    }

    .main-header .header-top .header-info .info-list {

        float: none;

    }

    .team-section .slider-pager li {

        margin-bottom: 10px;

    }

    .main-header.header-style-two .header-top .header-info .info-list {

        float: left;

    }

    .main-header.header-style-two .menu-area {

        margin-right: 10px;

    }

    .pricing-table .table-footer .theme-btn {

        padding: 18px 45px 19px 44px;

    }

    .blog-sidebar {

        padding: 50px 30px 40px 30px;

    }

}

@media only screen and (max-width: 991px) {

    .sticky-header {

        display: none;

    }

    .main-header .header-bottom .logo-box {

        float: none;

        text-align: center;

    }

    .main-header .header-bottom .nav-outer, .main-header .menu-area {

        float: none;

    }

    .main-header .header-bottom .logo-box {

        padding-top: 15px;

        margin-top: 0px;

        padding-bottom: 15px;

    }

    .main-header .social-style-one {

        position: absolute;

        top: 0px;

        left: 0px;

        float: none;

        margin: 0px;

    }

    .main-header .header-bottom {

        padding-bottom: 15px;

    }

    .main-header .header-top .header-info .info-list li:before {

        display: none;

    }

    .main-header .header-top .header-info .info-list li {

        margin-left: 40px;

        padding-right: 0px;

    }

    .main-menu .navigation>li>ul>li:hover {

        background: #333;

        border-bottom: 1px solid #fff;

    }

    .main-menu .navigation>li>ul>li {

        padding: 0px;

    }

    .main-menu .navigation>li>ul>li>ul>li>a, .main-menu .navigation>li>ul>li>a, .main-menu .navigation>li>a {

        color: #ffffff !important;

    }

    .welcome-section .content-box {

        padding: 0px;

        margin: 0px 0px 30px 0px;

    }

    .service-block-one {

        margin-bottom: 3px;

    }

    .service-block-one:hover {

        transform: translateY(0px);

    }

    .takecare-section .inner-content li {

        width: 33.333%;

        margin-bottom: 30px;

    }

    .takecare-section {

        padding-bottom: 80px;

    }

    .team-section .img-content {

        margin: 0px 0px 30px 0px;

    }

    .about-section .bg-column {

        display: none;

    }

    .news-block-one {

        margin-bottom: 30px;

    }

    .news-section {

        padding-bottom: 90px;

    }

    .testimonial-section .inner-content {

        padding: 0px;

    }

    .main-footer .widget-section .links-widget, .main-footer .widget-section .contact-widget {

        margin-bottom: 30px;

    }

    .main-header.header-style-two .header-top .header-info .info-list li {

        padding-right: 0px;

    }

    .main-header.header-style-two .header-top .link {

        display: none;

    }

    .main-header.header-style-two .social-style-one {

        margin-top: 0px;

    }

    .main-header.header-style-two .header-bottom .logo-box {

        margin: 0px;

        padding: 15px 0px;

    }

    .team-block-one {

        margin-bottom: 30px;

    }

    .team-style-two {

        padding-bottom: 90px;

    }

    .chooseus-section .inner-box {

        margin-bottom: 40px;

    }

    .healthcare-section .image-box {

        margin: 0px 0px 40px 0px;

    }

    .healthcare-section .content-box {

        margin-left: 0px;

    }

    .chooseus-section {

        padding-bottom: 60px;

    }

    .healthcare-section .content-box .lower-content .single-item {

        margin-bottom: 30px;

    }

    .healthcare-section {

        padding-bottom: 80px;

    }

    .pricing-table {

        margin-bottom: 3px;

    }

    .pricing-table:hover {

        transform: translateY(0px);

    }

    .faq-section .inner-content {

        margin: 0px 0px 40px 0px;

    }

    .sidebar {

        margin-top: 40px;

    }

    .blog-grid {

        padding-bottom: 263px;

    }

}

@media only screen and (max-width: 767px) {

    .main-header .header-top .header-info .info-list li {

        max-width: 220px;

        margin: 0 auto !important;

        display: block;

        padding-bottom: 10px;

    }

    /*Primer Yo cambio*/

    .main-slider .content-box {

        max-width: 100%;

        max-height: 70px;

    }

    .main-slider .top-text {

        position: relative;

        display: inline-block;

        font-size: 16px;

        line-height: 12px;

        color: #ffffff;

        text-transform: capitalize;

        font-family: 'Schoolbell', Cursive;

        border-bottom: 2px solid #ffffff;

        /* border-bottom: 2px solid #0ae7ef;*/

        margin-bottom: 33px;

        opacity: 0;

        margin-top: -495px;

    }

    .main-slider .slider-btn .theme-btn {

        padding: 15px 35px 14px 35px;

        font-size: 20px;

        background: #9dc638;

    }

    .about-section .fact-counter .counter-block {

        margin-bottom: 30px;

    }

    .about-section {

        padding: 65px 0px 40px 0px;

    }

    .welcome-section, .team-section, .main-footer .widget-section, .faq-section, .about-style-three {

        padding: 10px 0px;

    }

    .sec-pad {

        padding: 104px 0px 70px 0px;

    }

    .takecare-section {

        padding: 104px 0px 40px 0px;

    }

    .contact-section {

        padding-top: 104px;

    }

    .contact-section .contact-form-area {

        padding: 0px;

    }

    .main-header.header-style-two .header-top .header-info .info-list {

        float: none;

    }

    .main-header.header-style-two .header-top {

        padding-top: 15px;

    }

    .main-slider.slider-style-two .content-box {

        max-width: 100%;

    }

    .about-style-two .inner-content .image-box .image {

        margin-bottom: 30px;

    }

    .about-style-two {

        padding-top: 104px;

    }

    .team-style-two {

        padding: 250px 0px 40px 0px;

    }

    .chooseus-section, .healthcare-section {

        padding: 70px 0px 20px 0px;

    }

    .clients-section {

        padding: 50px 0px;

    }

    .team-style-two.alternate-2 {

        padding-top: 104px;

    }

    .cta-section {

        padding-top: 60px;

    }

    .blog-single-content .post-share-option .tags, .blog-single-content .post-share-option .social-style-one {

        float: none;

    }

    .blog-single-content .post-share-option .tags {

        margin: 0px 0px 10px 0px;

    }

    .contact-form-area .form-group {

        padding: 0px 15px;

    }

    .service-block-one, .pricing-table {

        padding: 60px 30px;

    }

    .blog-single-content .inner-box blockquote {

        padding: 50px 30px;

    }

    .blog-single-content .author-box {

        padding: 50px 30px;

    }

    .blog-single-content .comments-form-area .form-group {

        padding: 0px 15px;

    }

    .blog-single-content .comments-form-area .comment-form {

        margin: 0px;

    }

    .page-header-mobile-info, .page-header-mobile-info-toggle {

        display: block;

    }

    .main-header .header-top {

        display: none;

    }

    .header-bottom .social-style-one {

        display: none;

    }

    .main-header .header-bottom .logo-box {

        float: left;

        margin-top: 5px;

    }

    .main-header .header-bottom .nav-outer {

        padding-top: 15px;

    }

    .main-header .header-bottom {

        padding-bottom: 0px;

    }

    .main-header.header-style-two .header-bottom .logo-box {

        margin-top: 5px;

    }

}

@media only screen and (max-width: 599px) {

    .takecare-section .inner-content li {

        width: 50%;

    }

    .blog-single-content .author-box .author-image {

        position: relative;

        left: 0px;

        top: 0px;

        margin: 0 auto;

        margin-bottom: 20px;

    }

    .blog-single-content .author-box .author-content {

        padding-left: 0px;

        text-align: center;

    }

    .cta-section .inner-box h1 {

        font-size: 50px;

        line-height: 50px;

    }

    .sec-title h1 {

        font-size: 50px;

        line-height: 50px;

    }

    .main-slider .slide {

        padding: 100px 0px;

    }

    .page-title h1 {

        font-size: 50px;

        line-height: 50px;

    }

    .main-slider h1, .main-slider.slider-style-two h1 {

        font-size: 30px;

        line-height: 30px;

        margin-top: -52px;

    }

    .testimonial-section .testimonial-content h2 {

        font-size: 30px;

        line-height: 35px;

    }

}

@media only screen and (max-width: 499px) {

    .takecare-section .inner-content li {

        width: 100%;

    }

    .main-footer .footer-top .footer-logo {

        float: none;

        margin: 0px 0px 25px 0px;

        text-align: center;

    }

    .main-footer .footer-top .social-style-one {

        float: none;

        text-align: center;

    }

    .video-gallery a.overlay-link {

        width: 90px;

        height: 90px;

        line-height: 90px;

        left: 30px;

    }

    .blog-single-content .comments-area .comment .author-thumb {

        position: relative;

        left: 0px;

        top: 0px;

        margin: 0 auto;

        margin-bottom: 20px;

    }

    .blog-single-content .comments-area .comment .comment-inner a {

        float: none;

    }

    .blog-single-content .comments-area .comment .comment-inner h3 {

        display: block;

    }

    .blog-single-content .comments-area .comment {

        padding-left: 0px;

        text-align: center;

    }

    .blog-single-content .comments-area .comment .comment-inner .text {

        padding-right: 0px;

    }

    .main-slider .owl-nav, .main-slider .owl-dots {

        display: none;

    }

}

@media only screen and (max-width: 399px) {

    .service-block-one .lower-content .link a {

        padding: 12px 30px;

    }

    .team-section .content-box .bottom-content .link {

        float: none;

        margin-bottom: 15px;

    }

    .team-section .content-box .bottom-content .social-style-one {

        float: none;

    }

    .pricing-table .table-footer .theme-btn {

        padding: 18px 35px 19px 35px;

    }

    .error-section .content-box h1 {

        font-size: 160px;

        line-height: 130px;

    }

    .service-block-one, .pricing-table, .blog-single-content .inner-box blockquote {

        padding: 40px 15px;

    }

    .blog-single-content .post-share-option .tags li {

        margin-bottom: 5px;

    }

    .blog-sidebar {

        padding: 50px 15px 40px 15px;

    }

}

/* =============== Mobile menu ===================== */



@media only screen and (max-width: 991px) {

    .header-top .links-nav li {

        margin-right: 15px;

    }

    .main-menu .navbar-header {

        position: relative;

        float: none;

        display: block;

        text-align: right;

        width: 100%;

        top: 0px;

        padding-bottom: 15px;

    }

    .main-header .main-menu {

        width: 100%;

    }

    .main-menu .navbar-header .navbar-toggle {

        display: inline-block;

        z-index: 7;

        float: none;

        padding: 10px;

        cursor: pointer;

        border-radius: 0px;

        background: #ff3d7f;

    }

    .main-menu .navbar-header .navbar-toggle .icon-bar {

        background: #ffffff;

        height: 2px;

        width: 29px;

        display: block;

        margin: 5px;

    }

    .main-menu .collapse {

        overflow: auto;

        float: none;

        width: 100%;

        padding: 0px 0px 0px;

        border: none;

        margin: 0px;

        max-height: 320px;

        -ms-border-radius: 3px;

        -moz-border-radius: 3px;

        -webkit-border-radius: 3px;

        -o-border-radius: 3px;

        border-radius: 3px;

    }

    .main-menu .navbar-collapse>.navigation {

        float: none !important;

        margin: 0px !important;

        width: 100% !important;

        background: #333333;

        border: 1px solid #ffffff;

    }

    .main-menu .navbar-collapse>.navigation>li {

        margin: 0px !important;

        float: none !important;

        width: 100%;

        border-bottom: 1px solid #ffffff !important;

    }

    .main-menu .navigation>li>a, .main-menu .navigation>li>ul:before {

        border: none;

    }

    .main-menu .navbar-collapse>.navigation>li>a {

        padding: 10px 10px !important;

        border: none !important;

    }

    .main-menu .navigation li.dropdown>a:after, .main-menu .navigation>li.dropdown>a:before, .main-menu .navigation>li>ul>li>a::before, .main-menu .navigation>li>ul>li>ul>li>a::before {

        color: #ffffff !important;

        right: 15px;

        font-size: 16px;

        display: none !important;

    }

    .main-menu .navbar-collapse>.navigation>li>ul, .main-menu .navbar-collapse>.navigation>li>ul>li>ul {

        position: relative;

        border: none;

        float: none;

        visibility: visible;

        opacity: 1;

        display: none;

        margin: 0px;

        padding: 0px;

        left: auto !important;

        right: auto !important;

        top: auto !important;

        width: 100%;

        background: #333333;

        -webkit-border-radius: 0px;

        -ms-border-radius: 0px;

        -o-border-radius: 0px;

        -moz-border-radius: 0px;

        border-radius: 0px;

        transition: none !important;

        -webkit-transition: none !important;

        -ms-transition: none !important;

        -o-transition: none !important;

        -moz-transition: none !important;

        box-shadow: none !important;

    }

    .main-menu .navbar-collapse>.navigation>li>ul, .main-menu .navbar-collapse>.navigation>li>ul>li>ul {

        border-top: 1px solid rgba(255, 255, 255) !important;

    }

    .main-menu .navbar-collapse>.navigation>li:last-child {

        border-bottom: none;

    }

    .main-menu .navbar-collapse>.navigation>li>a, .main-menu .navbar-collapse>.navigation>li>ul>li>a, .main-menu .navbar-collapse>.navigation>li>ul>li>ul>li>a {

        padding: 12px 15px !important;

        line-height: 22px;

        color: #b8b8b8;

        background: #333333;

        text-align: left;

        min-height: 0px;

    }

    .main-menu .navbar-collapse>.navigation>li:hover>a, .main-menu .navbar-collapse>.navigation>li>ul>li:hover>a, .main-menu .navbar-collapse>.navigation>li>ul>li>ul>li:hover>a, .main-menu .navbar-collapse>.navigation>li.current>a, .main-menu .navbar-collapse>.navigation>li.current-menu-item>a {

        color: #ffffff !important;

        background: #333333;

    }

    .main-menu .navbar-collapse>.navigation li.dropdown .dropdown-btn {

        display: block;

    }

    .main-menu .navbar-collapse>.navigation li.dropdown:after, .main-menu .navigation>li>ul:before {

        display: none !important;

    }

}