/* responsive fix */

@media only screen and (max-width: 993px) {
    /* Phone number */
    header.topbar {
        right: 30px;
        top: 25px;
    }

    .page-banner-text {
        font-size: 13px !important;
        width: 80% !important;
    }

    /*hamburger*/
    a#menu-toggle {
        right: 20px;
        position: relative;
        padding-left: 20px;
        padding-right: 20px;
        z-index: 999999;
    }

    .pricing-column .features {
        margin-bottom: 0;
    }

    .pricing-column.highlight {
        margin: 0;
    }

    .pricing-table > div:third-child .pricing-column-content, .pricing-table > div:nth-child(2n+1) h3 {
        border-left: 1px solid #eeeeee !important;
    }

    .pricing-column ul li:first-child {
        border-top: 1px solid #eeeeee;
    }

    .pricing-column ul li:nth-child(2n+1) {
        background-color: #f8f8f8;
    }

    .toggle .pricing-column h3 {
        font-size: 26px !important;
    }

    .pricing-column.highlight .btn {
        margin-bottom: 0;
    }

    .pricing-table.six-cols > div {
        width: 50%;
    }

    .pricing-table.five-cols > div {
        width: 50%;
    }

    .pricing-table.four-cols > div {
        width: 50%;
    }

    .pricing-table.three-cols > div {
        width: 50%;
    }

    .pricing-table.two-cols > div {
        width: 50%;
    }

    .hero-slider, .hero-slider.flexslider ul.slides li, .flex-caption-cell {
        height: 500px;
    }

    .header-style2 .hero-slider, .header-style3 .hero-slider, .header-style2 .hero-slider.flexslider ul.slides li, .header-style3 .hero-slider.flexslider ul.slides li, .header-style2 .flex-caption-cell, .header-style3 .flex-caption-cell {
        height: 450px;
    }

    .carousel-wrapper {
        width: 100%;
    }

    .footer_widget .social-icons li, .footer_widget .social-icons-colored li {
        margin-bottom: 10px;
    }

    .site-header .container {
        position: static;
    }

    .header-style3 .search-module-trigger, .header-style3 .cart-module-trigger {
        right: 40px;
    }

    .header-style3 .search-module-trigger {
        right: 75px;
    }

    #menu-toggle {
        display: block !important;
    }

    .dd-menu {
        position: absolute;
        top: 73px;
        left: 0;
        float: none !important;
        border-left: 0;
        background: #fff;
        display: none;
        width: 100%;
        z-index: 1111;
    }

    .header-style2 .dd-menu, .header-style3 .dd-menu {
        border-top: 1px solid #e6e6e6
    }

    .header-style3 .fw-menu-wrapper > .container {
        position: static;
    }

    .header-style3 .dd-menu {
        top: 113px;
        text-align: left;
    }

    .header-style3 .dd-menu > li {
        margin: 0;
    }

    html .body .dd-menu > li {
        display: block;
        float: none;
        width: 100%;
        margin-top: 0;
        margin-left: 0;
    }

    .dd-menu > li > a {
        border-right: 0;
        font-size: 15px;
        color: #333;
        padding-left: 25px;
        border-bottom: 1px solid #e6e6e6
    }

    .menu-opened {
        position: relative !important;
    }

    .dd-menu > li ul, .dd-menu > li > ul li ul {
        box-shadow: none;
        border: 0;
        position: relative;
        top: 0;
        left: 0 !important;
    }

    .dd-menu > li.megamenu {
        position: static !important;
    }

    .dd-menu > li > ul > li > a {
        font-weight: 700;
    }

    .dd-menu > li > ul > li > a, .dd-menu > li > ul > li > ul > li > a, .dd-menu > li > ul > li > ul > ul > li > a {
        padding-left: 30px;
    }

    .megamenu-col {
        margin-bottom: 30px;
    }

    .flex-caption-cause {
        margin-top: 0px;
    }

    .widget_donations h4 {
        font-size: 28px;
    }

    .fact-ico {
        float: none;
        text-align: center;
        margin-bottom: 20px;
        margin-right: 0;
    }

    .counters .timer, .counters .fact {
        text-align: center;
    }

    .widget-title .basic-link {
        display: none;
    }

    .widgettitle, .sidebar-block .widget-title h3 {
        font-size: 24px;
    }

    .sidebar-block {
        margin-top: 50px;
    }

    body.boxed .body {
        margin-top: 0;
    }

    .cta-fw h4 {
        margin-top: 0;
    }

    #stories-slider {
        height: auto;
    }

    .half-bg-right {
        display: none;
    }

    .gallery-updates {
        margin: 70px 0 0;
        padding-top: 30px;
    }

    .gallery-updates-overlay {
        top: -15px;
        transform: none;
        left: 50%;
        margin-left: -136px;
    }

    .gallery-updates.cols5 > ul > li, .gallery-updates.cols4 ul > li, .gallery-updates.cols3 > ul > li, .gallery-updates.cols2 > ul > li {
        width: 33.333333%;
    }

    #stories-slider .story-slider-content {
        max-width: none;
    }

    #stories-slider .story-slider-cell {
        height: auto;
    }

    #DonateModal .modal-dialog {
        width: 97%;
    }

    .partner-carousel .push-top {
        margin-top: 10px;
    }

    body #content-col, body #sidebar-col {
        float: none !important;
    }

    .megamenu-container .widget {
        width: 100% !important;
        float: none !important;
    }

    #banner-donate-button {
        bottom: 90px !important;
    }
}

/* Custom fixes Home Page */
@media only screen and (max-width: 1105px) and ( min-width: 993px) {
    .page-banner-text {
        /*font-size: 24px;*/
        width: 70% !important;
    }
}

@media only screen and (max-width: 767px) {
    #home-four-icons .wpb_single_image .vc_figure {
        margin-left: auto;
        margin-right: auto;
        text-align: center;
        width: 100%;
    }

    #home-map-text .wpb_text_column div {
        width: 100% !important;
        height: 100% !important;
        -webkit-border-radius: 0 !important;
        -moz-border-radius: 0 !important;
        border-radius: 0 !important;

        top: 400px !important;
        left: -30px !important;
        padding-top: 60px !important;
    }

    .home-map-text-block {
        background-position: right !important;
    }

    div#home-map div {
        overflow: visible !important;

    }

    div#home-map-text {
        height: 800px !important;
    }

    .home-two-action-buttons .vc_col-sm-6 .vc_column-inner .wpb_wrapper {
        text-align: center !important;
    }

    .home-button-call-us, .home-button-yellow-donate {
        float: none !important;

    }

    .page-banner-text {
        clip-path: none !important;
        margin-top: 250px;
        top: 150px;
        width: 100% !important;
        padding: 70px 140px !important;
        background: #4d4d4d !important;
    }

    .post-content {
        margin-top: 410px;
    }

    .header-tel-container {
        position: absolute;
        top: -40px;
        right: 0;
    }

    #home-four-icons .vc_single_image-img {
        height: 280px;
        width: 280px;
    }

    .header-tel-container > span {
        display: none;
    }

    .featured-text {
        border-bottom: none !important;
        padding-top: 25px;
        padding-bottom: 25px;
        /* display: block; */
        margin-bottom: 0 !important;
    }

    .home-text-and-button-column {
        padding-right: 25px;
        padding-left: 25px;
        text-align: center;
    }

    .home-text-and-button-column div div div {
        text-align: center !important;
        padding-left: 20px;
        padding-right: 20px;
    }

}

@media only screen and (min-width: 768px) {
    .page-banner-text {
        opacity: 0.8 !important;
    }
}

@media only screen and (max-width: 767px) {
    /* when sm, be center aligned*/
    .home-services-icon {
        text-align: center !important;
        padding-top: 15px;
    }

    .site-footer-bottom {
        background-color: #00262dd6 !important;
    }

    .site-footer-bottom a {
        color: white !important;
    }

    .site-footer-bottom .custom-footer-title {
        color: white !important;
    }

    #custom-footer-row .custom-h4 a {
        color: white !important;
    }

    .footer-address-container {
        border: none;
        color: white !important;
        text-align: center !important;
    }

    .footer-address-container .custom-h4 {
        color: white;
    }

    .row.footer-locations-container div {
        font-size: 1em;
    }

    /* footer fix */
    div#custom-footer-contact {
        top: 0 !important;
    }

    #custom-footer-row h1 {
        padding-left: 20px;
        padding-right: 20px;
    }

    .footer-menu-container .custom-h4 {
        text-align: center;
        font-size: 18px !important;
    }

    ul.custom-footer-menu li {
        font-size: 15px !important;
        text-align: center;
    }

    #footer-coa-banner {
        text-align: center;
    }

    #footer-coa-banner img {
        position: relative;
        left: 4px;
    }

    .footer-address-container {
        margin-left: 20px;
    }
}

@media only screen and (min-width: 992px) {
    /* slightly tighter */
    .ucp-thinner-row {
        width: 95%;
    }
}

@media only screen and  (max-width: 481px) {
    .font-resizer-container {
        display: block;
        float: none !important;
        bottom: 0px;
        right: 0px;
        top: 55px;
        left: -83px;
        padding-right: 6px;
        position: relative;
    }

    .header-tel-container span {
        display: none;
    }

    .header-utility-container {
        margin-bottom: 23px;
    }

    /* move phone and such */
    .site-logo a img {
        margin: 0 !important;
    }

    .header-tel-container {
        font-size: 22px;
        /* bottom: 71px; */
        /* position: relative; */
        /* right: 21px; */
        top: 10px;
        right: -10px;
    }

}

@media only screen and (max-width: 594px) {
    .page-banner-text {
        /*font-size: 24px;*/
        padding: 50px 60px !important;
    }
}

/* footer fix */
.site-footer-bottom .container {
    width: 100%;
}

/*menu fix after bigger logo*/
@media only screen and (min-width: 994px) and (max-width: 1200px) {
    .dd-menu {
        top: 133px;
    }

    .site-header .container {
        padding-bottom: 30px;
    }
}

/* mobile header fix after bigger logo */
@media only screen and (max-width: 425px) {
    .header-tel-container {
        font-size: 20px;
    }

    .font-resizer-container {
        top: -30px;
        left: -33px;
    }
}