@charset "utf-8";
/* CSS Document */

@media (min-width: 1200px) {
    .container {
        padding: 0;
    }
}
@media(max-width: 1199px) {
    a.view-all.mobile_view {
        margin: 0 !important;
        border: 2px solid #ad6334 !important;
        line-height: 50px !important;
    }
    .sticky_header, .sticky_header .navbar-toggle
    {
        height: 81px;
    }
    .sticky_header nav .navbar-collapse {
        height: 500px;
        margin: 0;
    }
    .how_can_help_in .item, .charity-counter .col-md-3 .rest-fact-counter
    {
        margin-bottom: 30px;
    }
    .our-gallery .col-xs-12:last-child .recent-causes .thumb img, .how_can_help_in .col-md-4:last-child .item, .charity-counter .col-md-3:nth-child(3) .rest-fact-counter, .charity-counter .col-md-3:last-child .rest-fact-counter
    {
        margin-bottom: 0;
    }
    .note_bg .item
    {
        width: 100%;
        min-height: auto;
    }
    .our_cases_col .controls, .testimonial4-bg .controls, .prd_slider .controls
    {
        display: block;
    }
    .our-gallery .controls
    {
        margin-top: 0;
    }
    .style-header2 .sticky_header nav .navbar-collapse > ul > li > a 
    {
        color: #fff;
    }
    .feature_col_div_full .feature_cause_info
    {
        padding: 80px 0 0 0;
    }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .container {
        padding: 0;
    }
    .hdr_search_col {
        padding-right: 15px;
    }
    nav .navbar-collapse {
        margin-right: 0px;
    }
    nav .navbar-collapse > ul > li > a {
        font-size: 14px;
        padding: 0 8px;
    }
    a.view-all {
        margin: 22px 0px 0px 5px;
    }
    .sticky_header a.view-all {
        margin: 18px 0 0px 5px;
    }
    ul.hdr_social {
        right: 0px;
    }
    #minimal-bootstrap-carousel .slide-1 .carousel-caption .content {
        padding: 0px 30px;
    }
    #minimal-bootstrap-carousel .slide-2 .carousel-caption .content {
        width: 40%;
    }
    #minimal-bootstrap-carousel .slide-3 .carousel-caption .content {
        width: 68%;
    }
    .recent-causes {
        min-height: 410px;
    }
    .recent-causes .causes-details {
        padding: 0px 16px;
        bottom: -86px;
    }
    .recent-causes .causes-details .price {
        margin-bottom: 80px;
    }
    .feature_cause_info {
        padding: 41px 16px 41px 43px;
    }
    .subscribe_form .navbar-form .form-group {
        width: 68.4%;
    }
    .admin_info {
        width: 79%;
    }
    .admin_info.cmt_info {
        width: 78%;
    }
    .news_post_list .news_post_info.donor_info {
        width: 48%;
    }
    .news_post_list .news_post_img {
        margin-right: 10px;
    }
    .news_post_list .news_post_info {
        width: 42%;
    }
    ul.shop_prdt li {
        width: 31.7%;
        margin-right: 15px;
    }
    .sticky_header nav .navbar-collapse {
        margin: 11px 0 0 0;
    }

}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    nav {
        width: 100%;
    }
    nav .navbar-collapse {
        margin-right: 0px;
    }
    nav .navbar-collapse > ul > li > a {
        font-size: 14px;
        padding: 0 8px;
    }
    .sticky_header nav .navbar-collapse > ul > li {
        line-height: 58px;
    }
    a.view-all {
        margin: 2px 0px 0px 20px;
    }
    .sticky_header a.view-all {
        margin: 6px 0 0px 0px;
    }
    .social_hdr_in {
        text-align: center;
    }
    .sticky_header .logo {
        margin: 10px 0px 0px;
        width: 28.9%;
    }
    .logo {
        margin: 10px 0px;
        width: 28.8%;
        display: inline-block;
        float: none;
    }
    nav .navbar-collapse > ul > li {
        display: inline-block;
        line-height: 60px;
    }
    .msg_icon {
        background: rgba(0, 0, 0, 0) url("../images/msg_icon.png") no-repeat scroll 0 9px / 25px auto;
        font-size: 13px;
        padding-left: 35px;
    }
    .call_icon {
        background: rgba(0, 0, 0, 0) url("../images/call_icon.png") no-repeat scroll 0 8px / 17px auto;
        font-size: 13px;
        padding-left: 22px;
    }
    #minimal-bootstrap-carousel .carousel-caption h2 {
        font-size: 40px;
    }
    #minimal-bootstrap-carousel .slide-1 .carousel-caption .content {
        padding: 0px 30px;
    }
    #minimal-bootstrap-carousel.slider1 .slide-2 .carousel-caption .content {
        width: 50%;
    }
    #minimal-bootstrap-carousel.slider1 .slide-2 .carousel-caption h2 {
        font-size: 20px;
        line-height: 30px;
    }
    #minimal-bootstrap-carousel.slider1 .slide-3 .carousel-caption .content {
        width: 70%;
    }
    #minimal-bootstrap-carousel .slide-3 .carousel-caption h2 {
        font-size: 40px;
        line-height: 50px;
    }
    #minimal-bootstrap-carousel .slide-3 .carousel-caption p {
        font-size: 22px;
    }
    .feature_cause_photo {
        width: 100%;
    }
    .feature_cause_photo .round-style {
        right: 50%;
        bottom: -35px;
        margin-right: -35px;
    }
    .recent-causes {
        min-height: 410px;
    }
    .recent-causes .causes-details {
        padding: 0px 16px;
        bottom: -86px;
    }
    .recent-causes .causes-details .price {
        margin-bottom: 80px;
    }
    .feature_cause_info {
        padding: 41px 16px;
        width: 100%;
        text-align: center;
    }
    #quote-carousel .carousel-inner {
        width: 80%;
        margin: 69px 10% 0px;
    }
    .event_info {
        margin: 20px 0px 0px;
        padding: 0px;
        width: 100%;
    }
    .mission_list_div {
        padding: 0px 15px;
        margin: 30px 0px 0px;
    }
    .subscribe_form .navbar-form .form-group {
        width: 57.4%;
    }
    .ftr_nav {
        margin: 4px 0px 60px;
    }
    .ftr_txt_div {
        padding-right: 15px;
    }
    .ftr_pad_30 {
        padding-left: 15px;
    }
    .ftr_pad_70 {
        padding-left: 15px;
    }
    .abt_help_info {
        padding-left: 15px;
    }
    a.btn.hdr_donate_btn.donate_now.read_more.donate_1 {
        margin: 5px 0px 0px 0px;
    }
    .volunteer_left_col {
        margin-bottom: 30px;
    }
    .cause_photo1:after {
        right: 50%;
        bottom: -35px;
        margin-right: -37.5px;
    }
    .home_prd_info.cause_info1 {
        padding: 20px;
    }
    a.btn.hdr_donate_btn.donate_now1.cause_donate {
        float: left;
        margin: 20px 0px 0px;
    }
    .news_rght_col {
        width: 100%;
        margin: 30px 0px 0px;
    }
    .news_rght_col.fl_left {
        margin: 0px;
    }
    .col-item.cause_item.single_recent_cause {
        width: 48%;
        margin: 0px 5px;
    }
    .col-item.cause_item.single_recent_cause.cause_br_1 {
        border-bottom: 2px solid #e8e8e8;
    }
    .event_time_list {
        text-align: center;
    }
    a.btn.hdr_donate_btn.buy_ticket.buy_ticket1 {
        float: none;
        display: inline-block;
        margin: 10px 0px 0px;
    }
    .feature_prd_list {
        margin: 30px 0px 0px;
    }
    .contact_info {
        padding-left: 15px;
        margin: 30px 0px 0px;
    }
    .event_img {
        width: 100%;
        margin-right: 0px;
    }
    h3.head_bg {
        line-height: 25px;
    }
    .save_children_col h3 {
        line-height: 30px;
    }
    .news_col {
        margin: 20px 0px 0px;
    }
    .pad_left {
        padding-left: 100px;
    }
    .team_mar:nth-child(5),
    .team_mar:nth-child(6) {
        margin-bottom: 50px;
    }
    .recent-causes .causes-details.white_bg {
        bottom: -62px;
    }
    .recent-causes .causes-details.white_bg:hover {
        bottom: 0px;
    }
    .cause_info1 {
        padding: 45px 35px 50px 31px;
    }
    .cause_info1 .price {
        margin: 15px 0px;
    }
    a.view-all.buy_ticket.buy_ticket1 {
        display: inline-block;
        float: none;
        margin: 30px 0px 0px;
    }
    .single_recent_cause {
        width: 48%;
        margin-right: 10px;
        border-bottom: 0px;
    }
    .single_recent_info {
        padding: 51px 20px 0px;
    }
    .feature_col_div, .event_col_div
    {
        width: 100%;
    }
    .event_col_div
    {
        margin-top: 80px;
    }
    .event_col_div .event_list
    {
        width: 50%;
        padding: 0 10px 0 0;
        margin-bottom: 0;
    }
    .feature_cause_photo img
    {
        width: auto;
    }
}
@media only screen and (min-width: 260px) and (max-width: 990px) {
    nav {
        position: absolute;
        right: 0;
        width: 60%;
        z-index: 9999;
    }
    .collapse {
        display: none;
    }
    nav .navbar-collapse {
        background: #282828;
        float: left;
        margin: 4px 0 0;
        width: 100%;
        border-top: none;
        box-shadow: none;
    }
    nav .navbar-collapse.collapse ul {
        display: none;
    }
    nav .navbar-collapse.collapse.in ul {
        display: block;
    }
    .navbar-toggle {
        /*** Icono de la navbar ***/
        background: url("../images/nav_icon.png") no-repeat scroll center center;
        float: right;
        margin-bottom: 0;
        display: block;
        margin-right: 0px;
        margin-top: 32px;
        padding: 0px;
        border-radius: 10px;
    }
    nav .navbar-collapse > ul > li {
        border-bottom: 1px solid #323232;
        float: left;
        line-height: inherit;
        text-align: left;
        width: 100%;
    }
    nav .navbar-collapse > ul > li > a {
        color: #fff;
        display: inline-block;
        font-size: 15px;
        font-weight: 600;
        padding: 15px 20px;
        width: 100%;
    }
    nav .navbar-collapse > ul > li > ul {
        background: #323232 none repeat scroll 0 0;
        display: none;
        opacity: 1;
        position: relative;
        top: 0 important;
        visibility: visible;
        width: 100%;
    }
    nav .navbar-collapse.collapse.in ul li span.mob_drop_arrow {
        opacity: 1;
        visibility: visible;
    }
    nav .navbar-collapse.collapse.in ul li ul {
        display: none;
    }
    nav .navbar-collapse.collapse.in ul li ul.show_sub_menu {
        display: block;
        top: 0;
    }
    nav .navbar-collapse > ul > li:hover > ul {
        top: 0;
        display: block;
    }
    nav .navbar-collapse > ul > li > ul > li::before {
        left: 16px;
        display: none;
    }
    
    .sticky_header nav .navbar-collapse > ul > li {
        line-height: inherit;
    }
    nav .navbar-collapse > ul > li > ul > li > a {
        font-size: 14px;
        padding: 5px 32px 5px 36px;
    }
    a.btn.hdr_donate_now_btn1 {
        font-size: 14px;
        height: 49px;
        line-height: 46px;
        padding: 0;
        width: 100%;
        text-align: center;
        margin: 4px 0 10px 20px;
    }
    .sticky_header a.btn.hdr_donate_now_btn1 {
        margin: 8px 0 0px 17px;
        width: 100%;
        text-align: center;
    }
    nav .navbar-collapse > ul > li {
        display: inline-block;
        line-height: 20px;
    }
    .logo {
        margin: 16px 0 20px;
        max-width: 214px;
        width: 100%;
        float: left;
    }
    .sticky_header .logo {
        margin: 16px 0px 20px;
        width: 214px;
    }
    .hdr_donate_btn {
        width: 100%;
        float: left;
        text-align: center;
        padding: 25px 36px;
    }
    a.view-all.headr_btn {
        display: inline-block;
        float: none;
        width: 100%;
    }
    .sticky_header .navbar-toggle {
        margin: 0;
        padding: 22px 0;
    }
}
@media only screen and (min-width: 260px) and (max-width: 767px) {
    .social-container {
	    display: flex;
	    flex-direction: row;
	    gap: 20px;
	    align-items: center;
	    justify-content: flex-start;
    }
    .social-name {
        opacity: 1 !important; /* Hace que el texto siempre sea visible */
        transform: translateX(0) !important; /* Evita la animación */
        font-size: 0px !important; /* Reduce el tamaño del texto */
        margin-left: 0px !important; /* Reduce el espaciado */
    }
    .social-link:hover img {
        transform: none !important; /* Desactiva el efecto de zoom */
    }
    .social-link:hover .social-name {
        transform: none !important;
        opacity: 1 !important;
    }
    .social-name.instagram {
        visibility: hidden;
        color: #E1306C;
        font-family: 'Cursive', sans-serif;
    } 
    .social-name.linkedin {
        visibility: hidden;
        color: #0077B5;
        font-family: 'Helvetica', sans-serif;
    }
    .hdr_top_bar {
        padding-bottom: 15px;
    }
    .hdr_search {
        width: 100%;
    }
    .msg_icon {
        background: rgba(0, 0, 0, 0) url("../images/msg_icon.png") no-repeat scroll 0 9px / 25px auto;
        font-size: 13px;
        padding-left: 35px;
    }
    .call_icon {
        background: rgba(0, 0, 0, 0) url("../images/call_icon.png") no-repeat scroll 0 8px / 17px auto;
        font-size: 13px;
        padding-left: 22px;
    }
    #minimal-bootstrap-carousel .carousel-caption h2 {
        font-size: 30px;
    }

    
    #minimal-bootstrap-carousel .slide-1 .carousel-caption .content {
        padding: 0px 30px;
    }
    
    #minimal-bootstrap-carousel.slider1 .slide-2 .carousel-caption h2 {
        font-size: 20px;
        line-height: 30px;
    }
    #minimal-bootstrap-carousel.slider1 .slide-3 .carousel-caption .content {
        width: 95%;
        padding-left: 40px;
    }
    #minimal-bootstrap-carousel.slider1 .slide-3 .carousel-caption h2 {
        font-size: 30px;
        line-height: 40px;
    }
    #minimal-bootstrap-carousel.slider1 .slide-3 .carousel-caption p {
        font-size: 22px;
    }
    .feature_cause_photo {
        width: 100%;
    }
    .feature_cause_photo .round-style {
        right: 50%;
        bottom: -35px;
        margin-right: -35px;
    }
    .recent-causes {
        min-height: 410px;
    }
    .recent-causes .causes-details {
        padding: 0px 16px;
        bottom: -86px;
    }
    .recent-causes .causes-details .price {
        margin-bottom: 80px;
    }
    .feature_cause_info {
        padding: 41px 16px;
        width: 100%;
        text-align: center;
    }
    .feature_col_div {
        width: 100%;
        margin-bottom: 80px;
    }
    .feature_cause_photo {
        width: 100%;
    }
    .feature_cause_photo:after {
        right: 50%;
        bottom: -35px;
        margin-right: -37.5px;
    }
    .feature_cause_info {
        width: 100%;
        text-align: center;
    }
    .event_col_div {
        width: 100%;
    }
    .event_col_div .event_list.event_list1
    {
        margin-bottom: 30px !important;
    }
    .mission_txt {
        padding-right: 0px;
        margin-bottom: 30px;
    }
    .mission_div_wdt {
        background-size: cover;
    }
    #quote-carousel .carousel-inner {
        width: 90%;
        margin: 69px 5% 0px;
    }
    #quote-carousel .carousel-control.left {
        left: -46px;
    }
    #quote-carousel .carousel-control.right {
        right: -56px;
    }
    .news_col {
        margin-bottom: 30px;
    }
    .subscribe_form {
        width: 100%;
    }
    .subscribe_form .navbar-form {
        float: left;
        margin: 10px 0px 0px;
    }
    .event_info {
        margin: 20px auto 0px; /* Centra el contenedor */
        width: 80%; /* O ajusta según necesites */
        float: none; /* Elimina el float */
    }
    
    .mission_list:nth-child(3) {
        margin-bottom: 78px;
    }
    .mission_list:nth-child(4) {
        margin-bottom: 0px;
    }
    #quote-carousel .carousel-indicators {
        display: none;
    }
    .mission_list_div {
        padding: 0px 15px;
    }
    .subscribe_form .navbar-form .form-group {
        width: 100%;
    }
    .subscribe_form .btn-default {
        width: 100%;
        text-align: center;
        margin: 5px 0px 0px;
    }
    .ftr_nav {
        margin: 4px 0px 60px;
    }
    .ftr_txt_div {
        padding-right: 15px;
    }
    .ftr_pad_30 {
        padding-left: 15px;
    }
    .ftr_pad_70 {
        padding-left: 15px;
    }
    .welcome_col {
        padding-right: 15px;
        margin: 0px 0px 30px;
    }
    .list_left {
        margin: 10px 0px;
    }
    .abt_help_info {
        padding-left: 15px;
        margin: 30px 0px 0px;
    }
    a.btn.hdr_donate_btn.donate_now.read_more.donate_1 {
        margin: 5px 0px 0px 0px;
    }
    .ftr_btm {
        text-align: center;
    }
    .text-right {
        text-align: center;
    }
    .volunteer_left_col {
        margin-bottom: 30px;
    }
    .cause_photo1:after {
        right: 50%;
        bottom: -35px;
        margin-right: -37.5px;
    }
    a.btn.hdr_donate_btn.donate_now1.cause_donate {
        float: left;
        margin: 20px 0px 0px;
    }
    .admin_info {
        width: 60%;
    }
    .comment_list_div.cmt_padleft {
        padding-left: 0px;
    }
    .news_rght_col {
        width: 100%;
        margin: 30px 0px 0px;
    }
    .col-item.cause_item.single_recent_cause {
        width: 100%;
        margin: 20px 0px;
    }
    a.btn.hdr_donate_btn.donate_now1.cuse_dnt {
        float: left;
        margin: 20px 0px 0px;
    }
    .event_time_list {
        text-align: center;
    }
    a.btn.hdr_donate_btn.buy_ticket.buy_ticket1 {
        float: none;
        display: inline-block;
        margin: 10px 0px 0px;
    }
    .event_time_list ul li {
        margin-bottom: 10px;
    }
    .event_time_list ul li.e_day_wdt {
        width: 50%;
    }
    .event_time_list ul li.e_hour_wdt {
        width: 50%;
    }
    .event_time_list ul li.e_min_wdt {
        width: 50%;
    }
    .event_time_list ul li.e_sec_wdt {
        width: 50%;
    }
    .event_time_list ul li:last-child {
        border-right: 1px solid #c0c0c0;
    }
    .donate_page {
        padding: 0px 20px;
    }
    .feature_prd_list {
        margin: 30px 0px 0px;
    }
    ul.shop_prdt li {
        width: 47.6%;
        margin-right: 20px;
    }
    ul.shop_prdt li:nth-child(3),
    ul.shop_prdt li:nth-child(6),
    ul.shop_prdt li:nth-child(9) {
        margin-right: 20px;
    }
    ul.shop_prdt li:nth-child(2),
    ul.shop_prdt li:nth-child(4),
    ul.shop_prdt li:nth-child(6),
    ul.shop_prdt li:nth-child(8) {
        margin-right: 0px;
    }
    .prd_detail_desc {
        padding-left: 15px;
        margin: 20px 0px 0px;
    }
    .nav-tabs>li {
        margin-right: 0px;
    }
    .nav-tabs>li>a {
        width: auto;
        font-size: 13px;
        padding: 10px 7px;
    }
    .cart_table ul li.tabl_div1,
    .cart_table ul li.tabl_div2,
    .cart_table ul li.tabl_div3,
    .cart_table ul li.tabl_div4,
    .cart_table ul li.tabl_div5,
    .cart_table ul li.tabl_div6 {
        width: 100%;
        border-bottom: 1px solid #ccc;
    }
    .cart_table ul li.tabl_div1 {
        padding-left: 19px;
    }
    .cart_table ul.cart_desc li {
        min-height: 0px;
    }
    .quantity_select {
        margin: 0px;
    }
    .cart_txt {
        margin: 0px;
    }
    .cart_table ul.cart_desc li:first-child {
        padding-left: 19px;
    }
    .cart_close_img {
        text-align: left;
        margin: 0px;
    }
    .cart_btm_col {
        text-align: center;
        padding: 10px;
    }
    a.coupon_btn {
        margin-bottom: 10px;
    }
    a.add_cart_btn.cart_rght {
        float: left;
    }
    h3.radio_ship_margin {
        margin: -7px 0px 0px;
        font-size: 26px;
    }
    .contact_info {
        padding-left: 15px;
        margin: 30px 0px 0px;
    }
    .ftr_pad_30 {
        margin-bottom: 50px;
    }
    .event_list {
        width: 47.6%;
        margin: 0px 5px;
    }
    /*imagen que centre*/
    .event_img {
        width: 80%;
        display: flex;
        justify-content: center; 
        align-items: center; 
        margin: 0 auto; 
    }
    
    .voluteer_div h3 {
        line-height: 50px;
    }
    .voluteer_div h2 {
        line-height: 50px;
    }
    .prd_slider h3 {
        line-height: 25px;
    }
    .save_children_col h3 {
        line-height: 30px;
    }
    a.view-all.donate_now.read_more {
        margin: 30px 0px 0px;
    }
    h3.head_bg {
        line-height: 25px;
    }
    ul.hdr_social {
        right: 0px;
        width: 100%;
        bottom: -52px;
    }
    ul.hdr_social li {
        width: 33.3%;
        margin-right: 0px;
        border-right: 1px solid #343433;
    }
    ul.hdr_social li:last-child {
        border-right: 0px;
    }
    ul.hdr_social li i {
        font-size: 32px;
        color: #808080;
        width: 100%;
        height: 52px;
        line-height: 52px;
    }
    #minimal-bootstrap-carousel {
        margin: 0px;
    }
    .controls {
        top: -90px;
    }
    .pad_100 {
        padding: 80px 50px;
    }
    .pad_100_0 {
        padding: 80px 0 0 0;
    }
    .pad_0_100
    {
        padding: 0 0 80px 0;
    }
    .team_mar:nth-child(5),
    .team_mar:nth-child(6),
    .team_mar:nth-child(7) {
        margin-bottom: 50px;
    }
    #volunteer_form {
        padding-right: 0px;
    }
    .cause_photo1 .round-style {
        right: 50%;
        bottom: -35px;
        margin-right: -35px;
    }
    .cause_info1 {
        padding: 45px 35px 50px 40px;
    }
    .cause_info1 .price {
        width: 100%;
        margin: 15px 0px;
    }
    a.view-all.cause_donate {
        float: left;
    }
    a.view-all.buy_ticket.buy_ticket1 {
        display: inline-block;
        float: none;
        margin: 30px 0px 0px;
    }
    .hdr_donate_btn {
        width: 100%;
        float: left;
        text-align: center;
        padding: 25px 36px;
    }
    a.view-all.headr_btn {
        display: inline-block;
        float: none;
        width: 100%;
    }
    .single_cause_info .price {
        width: 100%;
        margin-bottom: 20px;
    }
    a.view-all.cause_dontae-btn {
        float: left;
    }
    #slider2-box section.box-donate .box-donate-in {
        width: 100%;
        height: auto;
        padding: 30px;
        left: 0;
    }
    ul.hdr_social2
    {
        float: left;
    }
    ul.hdr_social2 li
    {
        margin-left: 0;
        margin-right: 20px;
    }
    .search_main_container
    {
        left: 5%;
        right: 5%;
        margin-left: 0;
        width: 90%;
    }
    .our-gallery4 .col-md-2, .success-story .success-story-right,  .success-story5 .success-story-right
    {
        width: 100%;
    }
    .note_bg .item h2
    {
        font-size: 25px;
    }
    .success-story .success-story-right .content_in, .success-story5 .success-story-right .content_in
    {
        width: 100%;
        padding: 0 15px;
    }
    .charity-counter .col-md-3:nth-child(3) .rest-fact-counter, .how_can_help5 .col-xs-12 p
    {
        margin-bottom: 30px;
    }
    .how_can_help5 .col-xs-12:last-child p
    {
        margin-bottom: 0;
    }
    .weneed_bg5 .welcome_col
    {
        padding: 0;
        width: 100%;
    }
    .weneed_bg5 .welcome_col h3
    {
        font-size: 25px;
    }
    #minimal-bootstrap-carousel .carousel-inner .item
    {
        /*background-size: 450px;*/
        background-repeat: no-repeat;
        background-position: top center;
    }
    #minimal-bootstrap-carousel .carousel-caption .thm-container .box.valign-bottom
    {
        vertical-align: bottom;
        /*transform: translateY(50px);*/
    }
    #minimal-bootstrap-carousel .carousel-caption .thm-container .box.valign-top {
        vertical-align: bottom;
        /*transform: translateY(50px);*/
    }
    #minimal-bootstrap-carousel
    {
        margin-top: 52px;
    }
    #minimal-bootstrap-carousel .carousel-control
    {
        top: 80px;
    }
    #minimal-bootstrap-carousel .carousel-caption .content {
        width: 100% !important;
        margin: 200px 0 0 0 !important;
        padding: 0 15px !important;
        box-sizing: border-box;
    }
    #minimal-bootstrap-carousel.slider1 .item.slide-2 .carousel-caption .content
    {
         padding: 0 5px  !important;
    }

    #minimal-bootstrap-carousel.slider1 .carousel-caption h2
    {
        font-size: 25px;
    }
    #minimal-bootstrap-carousel.slider2
    {
        margin-top: 0;
    }
    #minimal-bootstrap-carousel.slider2 .carousel-control
    {
        top: 100px;
    }
    #minimal-bootstrap-carousel.slider2 .carousel-inner .item
    {
        min-height: 600px;
    }
    #minimal-bootstrap-carousel.slider2 .carousel-caption .content
    {
        margin: 280px 0 0 0 !important;
        text-align: center;
    }
    #minimal-bootstrap-carousel.slider2 .carousel-caption .thm-container .box.valign-bottom .content a.view-all
    {
        margin: 0;
        float: none;
    }
    #minimal-bootstrap-carousel.slider2 .carousel-inner .item.slide-1 h2
    {
        padding: 0;
        text-align: center;
    }
    #minimal-bootstrap-carousel.slider3 .carousel-caption .content
    {
        padding: 50px 15px !important;
    }
    #minimal-bootstrap-carousel.slide5 .carousel-control
    {
        top: 90px;
    }
    #minimal-bootstrap-carousel.slide5 .carousel-caption .content
    {
        margin-top: 255px !important;
    }
    #minimal-bootstrap-carousel.slide5 .carousel-caption .thm-container .box .content a.view-all
    {
        margin: 0 0 30px 0;
        display: block;
    }
    #minimal-bootstrap-carousel.slide5 .item.slide-3 .carousel-caption .thm-container .box .content a.view-all
    {
        margin: 0 auto 30px;
    }
    #minimal-bootstrap-carousel.slide5.slide4 .item.slide-3 .carousel-caption .thm-container .box .content a.view-all
    {
        margin: 0 0 30px 0;
    }

    .style-header2 .hdr_top_bar
    {
        position: static;
        top: 0;
        background: url(../images/hdr_top_bg.jpg) repeat;
    }
    .style-header2 .main_header
    {
        background: url(../images/header_bg.jpg) repeat;
        position: static;
        top: 0;
    }
    .style-header2 .logo .desktop-logo
    {
        display: none;
    }
    .style-header2 .logo .mobile-logo
    {
        display: block;
    }
    .note_bg, .feature_col_div_full
    {
        margin: 0;
    }
}
@media only screen and (min-width: 260px) and (max-width: 459px) {
    .msg_icon {
        font-size: 16px!important;
    }
    .call_icon {
        font-size: 16px!important;
    }
    
    .mission_list_info {
        width: 63%;
    }
    .news_post_list .news_post_info.donor_info {
        width: 100%!important;
        margin: 10px 0px 0px;
    }
    .admin_info {
        width: 100%!important;
    }
    .admin_info.cmt_info {
        width: 100%!important;
        margin: 20px 0px 0px !important;
    }
    .news_post_list .news_post_info {
        width: 100%!important;
        margin: 10px 0px 0px !important;
    }
    .error_404 {
        font-size: 100px;
    }
    a.btn.hdr_donate_btn.volun_join_now.gotohome_btn {
        width: 100%;
    }
    .donate_page {
        padding: 0px 10px!important;
    }
    .volunteer_form_inner.donate_form_inner {
        padding: 20px;
    }
    #volunteer_form .form-control.donate_form_control.wdt_65.wdt_224 {
        width: 100%;
    }
    ul.shop_prdt li {
        width: 100%!important;
        margin-right: 0px!important;
    }
    ul.shop_prdt li:nth-child(3),
    ul.shop_prdt li:nth-child(6),
    ul.shop_prdt li:nth-child(9) {
        margin-right: 0px!important;
    }
    ul.shop_prdt li:nth-child(2),
    ul.shop_prdt li:nth-child(4),
    ul.shop_prdt li:nth-child(6),
    ul.shop_prdt li:nth-child(8) {
        margin-right: 0px!important;
    }
    h3.radio_ship_margin {
        margin: 5px 0px 0px!important;
        font-size: 14px!important;
    }
    .event_list {
        width: 100%!important;
        margin: 5px 0px!important;
    }
    h3 {
        font-size: 25px;
    }
    .prd_slider h3 {
        font-size: 25px;
    }
    h3.head_bg {
        font-size: 25px;
    }
    .volunteer_form_inner {
        padding: 43px 20px 90px;
    }
    .filter-section .filter-container .filter > li {
        width: 100%;
    }
    .contact_Wdt {
        padding-right: 15px;
    }
    #contact-form {
        padding: 45px 15px;
    }
}

@media only screen and (min-width: 260px) and (max-width: 767px) {   
    nav .navbar-collapse .navigation {
        text-align: center; /* Centra los elementos del menú */
    }

    nav .navbar-collapse .navigation li {
        display: block; /* Asegura que cada elemento ocupe toda la línea */
        width: 100%; /* Ocupa todo el ancho disponible */
    }

    nav .navbar-collapse .navigation li a {
        text-decoration: none; /* Elimina el subrayado de los enlaces */
        padding: 10px 15px; /* Ajusta el espaciado interno */
        color: #ffffff; /* Color inicial del texto */
        transition: color 0.3s ease; /* Efecto suave en hover */
        display: block; /* Asegura que el enlace sea un bloque y se centre */
    }
}
@media only screen and (min-width: 260px) and (max-width: 767px) {   
    .sticky_header nav .navbar-collapse {
        height: 215px;
        margin: 0;
        text-align: center; /* Centra los textos dentro del menú */
        display: flex;
        flex-direction: column; /* Asegura que los elementos se apilen verticalmente */
        justify-content: center; /* Centra los elementos verticalmente */
    }

    .sticky_header nav .navbar-collapse .navigation {
        width: 100%;
    }

    .sticky_header nav .navbar-collapse .navigation li {
        display: block; /* Hace que cada elemento del menú ocupe toda la línea */
        width: 100%;
    }

    .sticky_header nav .navbar-collapse .navigation li a {
        text-decoration: none; /* Elimina el subrayado de los enlaces */
        padding: 10px 15px; /* Ajusta el espaciado interno */
        color: #ffffff; /* Color inicial del texto */
        transition: color 0.3s ease; /* Efecto suave en hover */
        display: block; /* Asegura que el enlace se comporte como un bloque */
    }
}
@media only screen and (max-width: 767px) {   
    /* Centra el contenedor del menú */
    .navbar-collapse {
        display: flex;
        flex-direction: column; /* Asegura que los elementos estén en columna */
        align-items: center; /* Centra los elementos horizontalmente */
        text-align: center; /* Asegura que el texto esté centrado */
    }

    /* Asegura que los elementos del menú ocupen todo el ancho y se centren */
    .navigation {
        width: 100%;
        padding: 0;
    }

    .navigation li {
        display: block;
        width: 100%; /* Hace que cada ítem ocupe todo el ancho disponible */
    }

    .navigation li a {
        display: block;
        padding: 10px 15px;
        color: #ffffff; /* Color del texto */
        text-decoration: none;
        text-align: center; /* Centra el texto */
        width: 100%; /* Ocupar todo el ancho */
    }

    /* Centra también el submenu */
    .submenu {
        text-align: center;
        padding: 25px 0;
    }

    .submenu li {
        display: block;
    }

    .custom-link {
        display: block;
        padding: 8px 12px;
        color: #ffffff;
        text-decoration: none;
        text-align: center;
    }
}
@media only screen and (max-width: 767px) {   
    /* Asegurar que el menú y los elementos estén centrados */
    .navbar-collapse {
        display: flex;
        flex-direction: column;
        align-items: center;
        text-align: center;
    }

    .navigation {
        width: 100%;
        padding: 0;
    }

    .navigation li {
        display: block;
        width: 100%;
    }

    .navigation li a {
        display: block;
        padding: 10px 15px;
        color: #ffffff;
        text-decoration: none;
        text-align: center;
        width: 100%;
    }

    /* --- BAJAR EL SUBMENU --- */
    .submenu {
        display: none; /* Ocultar por defecto */
        position: relative; /* Mantener dentro del flujo */
        background: #222; 
        padding: 10px 0;
        margin-top: 10px; 
        border-radius: 8px;
        width: 90%; 
        text-align: center;
    }

    
    .navigation li:hover .submenu {
        display: block;
        animation: fadeIn 0.3s ease-in-out; 
    }

   
    .submenu li {
        padding: 5px 10px;
    }

    .custom-link {
        display: block;
        padding: 8px 12px;
        color: #ffffff;
        text-decoration: none;
        text-align: center;
    }

  
    @keyframes fadeIn {
        from {
            opacity: 0;
            transform: translateY(-10px);
        }
        to {
            opacity: 1;
            transform: translateY(0);
        }
    }
}
@media only screen and (min-width: 260px) and (max-width: 990px) {

    nav .navbar-collapse > ul > li > ul {
        width: -200%; 
        padding: 5px 0; 
        font-size: 13px; 
        margin: 5px auto; 
    }

   
    nav .navbar-collapse > ul > li > ul > li {
        padding: 3px 0; 
    }

   
    nav .navbar-collapse > ul > li > ul > li > a {
        font-size: -12px; 
        padding: -5px -5px; 
    }
}


/* CSS mipoder.html primera seccion */
@media (max-width: 768px) {
    .section-container1 {
      display: flex;
      flex-direction: column;
      align-items: center;
      
    }

    .text-box {
        width: 100%;
        text-align: center;
    }
  
    .full-image {
      width: 100%;
      height: auto;
      margin-top: 20px;
    }
}

.empresas-container {
    padding: 50px 5%;
    display: flex;
    flex-direction: column;
    background-color: #f9f9f9;
  }
  
  .empresas-container .titulo {
    display: block;
    width: 100%;
    text-align: center;
    margin: 0 auto 20px auto;
    font-size: 2rem;
    color: #333;
  }
  
  
  .empresas-container .title-line3 {
    display: block;
    margin: 0 auto 30px;
  }
  
  .empresas-container .benefits {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 30px;
  }
  
  .empresas-container .card-container {
    background-color: #fff;
    border-radius: 10px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
    padding: 25px;
    transition: transform 0.2s ease;
    width: 100%;
    max-width: 600px; /* Controla el ancho máximo */
    margin: 0 auto;
    }
  
  .empresas-container .card-container:hover {
    transform: translateY(-5px);
  }
  
  .empresas-container .card-container ul {
    padding-left: 20px;
    list-style: disc;
  }
  
  .empresas-container .card-container ul li {
    width: 100%;
    text-align: left;
    line-height: 1.6;
  }
  
  @media (max-width: 768px) {
    .empresas-container .card-container {
      padding: 20px;
      max-width: 100%;
    }
  }
  

  .valor-container {
    padding: 50px 5%;
    background-color: #f9f9f9;
  }
  
  .valor-container .titulo1 {
    text-align: center;
    margin-bottom: 20px;
    font-size: 2rem;
    color: #cbcbcb;
  }
  
  .valor-container .title-line2 {
    display: block;
    margin: 0 auto 30px;
  }
  
  .valor-container .grid-container {
    display: grid;
    grid-template-columns: repeat(2, 1fr); /* Dos columnas en pantallas grandes */
    gap: 30px;
  }
  
  .valor-container .card {
    width: 100%;
    text-align: center;
    background-color: #fff;
    border-radius: 10px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
    padding: 25px;
    transition: transform 0.2s ease;
  }
  
  .valor-container .card:hover {
    transform: translateY(-5px);
  }
  
  .valor-container .card h3 {
    margin-top: 0;
    font-size: 1.4rem;
  }
  
  .valor-container .card ul {
    padding-left: 20px;
    list-style: disc;
  }
  
  .valor-container .card ul li {
    text-align: justify;
    line-height: 1.6;
  }
  
  /* Responsivo: En pantallas menores a 768px se convierte en una sola columna */
  @media (max-width: 768px) {
    .valor-container .grid-container {
      grid-template-columns: 1fr;
      gap: 20px;
    }
  
    .valor-container .card {
      padding: 20px;
    }
  }
  
/* CONTENEDOR PRINCIPAL */
.logros-container {
    width: 100%;
    max-width: 1200px; 
    margin: 0 auto;
    box-sizing: border-box;
  }
  
  .linea-superior {
    width: 100%;
    height: 4px;
    background: #ccc;
    margin-bottom: 20px;
  }
  
  /* CONTENIDO: IMAGEN + PODIOS */
  .logros-content {
    display: flex;
    flex-wrap: wrap;      /* Permite que los elementos salten de línea si no caben */
    align-items: center;
    justify-content: center;
    gap: 20px;            /* Espacio horizontal entre la imagen y los podios */
    box-sizing: border-box;
  }
  
  /* IMAGEN DEL TROFEO */
  .logros-image img {
    max-width: 250px;
    width: 100%;
    height: auto;
    border-radius: 15px;
    box-shadow: 0 4px 10px rgba(0,0,0,0.1);
  }
  
  /* CONTENEDOR DE PODIOS */
  .podios {
    display: flex;
    flex-wrap: wrap;       /* Permite que los podios se acomoden en varias filas */
    gap: 10px;             /* Reduce la separación entre filas y columnas */
    align-items: flex-start; /* Evita que se estiren y generen espacios grandes */
    justify-content: center;
    box-sizing: border-box;
  }
  
  /* CADA PODIO */
  .podio {
    flex: 1 1 200px;       /* Ancho base 200px, crece o se reduce si hay espacio */
    position: relative;
    padding: 20px;
    border-radius: 15px;
    color: #333;
    text-align: center;
    box-shadow: 0 4px 6px rgba(0,0,0,0.1);
    min-width: 200px;      /* Evita que se haga muy pequeño */
    max-width: 300px;      /* Ajusta según tu preferencia */
    box-sizing: border-box;
    word-wrap: break-word;
    overflow-wrap: break-word;
  }
  
  .podio p {
    font-weight: bold;
    margin-top: 10px;
    background-color: rgba(255, 255, 255, 0.7);
    padding: 10px;
    border-radius: 10px;
    font-size: 0.95rem;
    line-height: 1.3;
    width: 100%;
    box-sizing: border-box;
    white-space: normal;
    word-wrap: break-word;
    overflow-wrap: break-word;
  }
  
  /* CÍRCULO CON NÚMERO */
  .numero {
    position: absolute;
    top: -20px;
    left: 50%;
    transform: translateX(-50%);
    background-color: #fff;
    border: 3px solid currentColor;
    border-radius: 50%;
    width: 45px;
    height: 45px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: bold;
    font-size: 22px;
  }
  
  /* RESPONSIVE: PANTALLAS PEQUEÑAS */
  @media screen and (max-width: 768px) {
    .logros-content {
      flex-direction: column; /* Imagen arriba, podios debajo */
      align-items: center;
    }
    .podios {
      gap: 20px;             /* Puedes subirlo o bajarlo en móviles */
      flex-direction: column; /* Se apilan en columna */
      align-items: stretch;   /* Ocupan todo el ancho */
    }
    .podio {
      max-width: 100%;        /* Que el podio se ajuste al ancho del contenedor */
    }
  }
  
  .podio-3 {
    margin-top: 0 !important;   /* Anula cualquier margen superior previo */
    padding-top: 0 !important;  /* Si hubiese padding extra, también lo fuerza a 0 */
  }
  

  .welcom_bg {
    background-image: url("../images/Backgrounds_decorations/Fondo.png");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    padding: 100px 0;
    font-family: 'M PLUS Rounded 1c', sans-serif;
  }
  
  .overlay {
    background-color: rgba(255, 255, 255, 0.85); /* Capa blanca semitransparente */
    padding: 40px 15px;
    margin: 0 auto;
    max-width: 900px;
    border-radius: 15px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
  }
  
  .content-container {
    text-align: justify;
  }
  
  .content-container h3 {
    font-size: 3.8rem;
    margin-bottom: 20px;
  }
  
  .content-container h4 {
    font-size: 2.3rem;
    margin-bottom: 25px;
  }
  
  .content-container p {
    font-size: 1.7rem;
    line-height: 1.8;
    color: #333;
    margin-bottom: 15px;
  }
  

  .ods_acreditaciones_bg {
    background-image: url('images/Backgrounds_decorations/Fondo.png');
    background-size: 100% auto;
    background-repeat: repeat-y;
    background-position: top center;
  }
  

  .ods_section {
	padding: 80px 20px 20px 20px;
	background-color: #f9f9f9;
	text-align: center;
	background-image: url('../images/fondo-m-v.png');
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
  }
  
  .ods_title {
	font-size: 2.8rem;
	font-weight: 700;
	margin-bottom: 40px;
	padding-top: 20px; /* Nuevo padding superior */
	color: #222;
	font-family: 'M PLUS Rounded 1c', sans-serif;
  }
  
  .ods_grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
	gap: 30px;
	max-width: 1000px;
	margin: 0 auto;
	justify-items: center;
	align-items: center;
  }
  
  .ods_grid img {
	max-width: 100%;
	height: auto;
	transition: transform 0.3s ease;
	cursor: pointer;
  }
  
  .ods_grid img:hover {
	transform: scale(1.05);
  }
  
.acreditaciones_aesi_bg {
	background-image: url("../images/Backgrounds_decorations/Fondo.png");
	background-size: cover;
	background-position: center;
	background-repeat: repeat;
	padding: 100px 0;
}
  
.acreditaciones_titulo {
	font-size: 3rem; /* Aumentado */
	text-align: center;
	font-weight: bold;
	margin-bottom: 40px;
	font-family: 'M PLUS Rounded 1c', sans-serif;
	color: #333;
}
  
.acreditaciones_fila {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 50px; /* Aumentado el espacio entre tarjetas */
}
  
.acreditacion_box {
	background-color: rgba(255, 255, 255, 0.85);
	padding: 25px;
	border-radius: 15px;
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
	text-align: center;
	min-height: 320px;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}
  
.acreditacion_box p {
	font-size: 1.7rem; /* Aumentado */
	font-weight: bold;
	line-height: 1.6;
	color: #222;
}
  
.acreditacion_box img {
	max-width: 80%;
	margin: 0 ;
}