@media screen and (max-width: 1600px) {
 .enqury.write .information.extraPad{
    padding: 60px 120px;
}
 .enqury.write{}
}

@media screen and (max-width: 1500px) {

}

@media screen and (max-width: 1440px) {

}

@media screen and (max-width: 1400px) {

}

@media screen and (max-width: 1250px) {

 .sponsors .family li .toolTp{
    width: 100%;
    left: 0;
    right: 0;
    margin: auto auto;
    z-index: 99;
}

.enqury.write .information.extraPad{
    padding: 60px 60px;
}

.enqury.write .information{
    padding-left: 100px;
}

.banner .banner_Inner{
    min-height: 75vh;
}

 .enqury .imagePnl{
    width: 45%;
    /* height: 100%; */
}
.enqury{
    padding-left: 20px;
    padding: 60px 0px 60px 20px;
}

}


@media screen and (max-width: 1200px) {

}


@media screen and (max-width: 1160px) {


}

@media screen and (max-width:1100px) {


}


@media screen and (max-width: 1070px) {
    .sponsors .sponsor_form{ /*To show one box in each row*/
        flex-wrap: wrap;
        gap: 20px;
    }
.sponsors .family li .toolTp.minWth{
    width: 60%;
}

 .sponsors .family li .toolTp{ bottom: 180px;}
 .sponsors .family li .toolTp ol li h4{ font-size:14px;}
.enqury .information .btnSctn{margin: 0}
 .enqury .information .btnSctn li{ width: 100%; margin-bottom:20px;}


.gallery .gallerys{margin: 0px -15px;}
.gallery .gallerys li{ padding: 0px 15px;}
.enqury.write h2{ font-size: 28px; line-height: 36px;}
.services .lcoations li{padding: 0px 20px;}
.news ul li .dtlPnl .btngrp{ /* flex-wrap: wrap; */}
 .news ul li .dtlPnl .btngrp a{padding: 17.5px 5px;}

.hd, .testimonlas h2{ font-size: 40px; line-height: 50px;}
.gallery .gallerys li .bx{flex-wrap: wrap; gap: 0px;}
 .gallery .gallerys li h3{ width: 100%; margin-bottom: 15px;}
.gallery .gallerys li h4{width:100%;text-align: left;}

.sponsors ul.spons_list li .head{ flex-wrap: wrap;  padding: 30px;}
.sponsors ul.spons_list li .head h4{width: 100%; padding-bottom: 20px;}
 .sponsors ul.spons_list li .head ol{ width: 100%;}

.sponsors ul.spons_list li .foot ol{ padding: 30px 30px 0px; flex-wrap: wrap;}
.sponsors ul.spons_list li .foot ol li{ width: 33%; margin-bottom: 30px;}
.sponsors .family li.fl label{font-size: 45px;}
.sponsors .family li label{font-size: 20px; height: 150px; padding: 0px 10px;}
.sponsors .sponsor_form li .deta{ padding: 30px; width: calc(100% - 329px);}
.sponsors .sponsor_form{padding-bottom: 50px;}
 .sponsors .sponsor_form li{width: 100% !important; margin: 0px;}
.sponsors .sponsor_form li .amount h3{ font-size: 45px;}

.enqury.write p{
    margin-bottom: 30px;
}
 .enqury.write .btnGrp{ margin-bottom:30px;}



.money_pg .enqury .information{
    padding-left: 60px;
}
.enqury.write .information{
    /* height: 540px; */
    padding-top: 80px;
    padding-bottom: 80px;
}

 .contactUs .info{
    width: 35%;
}

.banner h1{
    font-size: 60px;
    line-height: 65px;
    margin-bottom:
30px;
}
.banner h1 span{
    font-size: 40px;
    line-height: 45px;
}


.hem{
    display: block;
    width: 40px;
    height: 40px;
    /* background: #51a42a; */
    position: absolute;
    right: 30px;
    top: 55px;
    /* padding: 10px; */
    display: none;
}

.hem:before,.hem:before{ content:''; display:block; }
 .hem:after{content:'';display:block;height: 3px;background: #ea6820;width: 100%;position: absolute;left: 0;bottom: 9px;width: 70%;right: 0;margin: auto;transition: 0.3s ease;}
 .hem:before{content:'';display:block;width: 70%;height: 3px;background: #ea6820;position: absolute;left: 0;right: 0;margin: auto;top: 8px;transition: 0.3s ease;}
.hem span{
    width: 100%;
    display: block;
    height: 3px;
    background: #ea6820;
    position: absolute;
    left: 0;
    right: 0;
    width: 70%;
    margin: auto;
    top: 0;
    bottom: 0;
}

 .hem.toggle span{ display:none;}
.hem.toggle:before{
    transform: rotate(45deg);
    top: 19px;
}
 .hem.toggle:after{
    transform: rotate(-45deg);
    top: 10px;
}

        .hem{display:block;right: 14px;top: 0px;bottom: 0px;margin: auto;}

header nav .btn{
    width: 100%;
    border-radius: 0px;
    text-align: left;
}
header nav {
    width: 100%;
    border-top: 1px solid #dddddd;
    margin-top: 300px;
    padding-top: 20px;
    justify-content: center;
    position: absolute;
    flex-direction: column;
    max-width: 250px;
    background: #ffffff;
    z-index: 9;
    padding-top: 0;
    right: 10%;
    display: block;
    position: fixed;
    left: 0;
    top: 0;
    bottom:0;
    margin: 0;
    height: 100%;
    box-shadow: 5px 5px 5px #00000029;
    transition: 0.3s ease;
    overflow:auto;
}
header .navigation ul{display: block;}
header .navigation ul.sub-menu { position: static; padding: 0 20px 20px 30px;  min-width: inherit; box-shadow: none; align-items: flex-start; display: flex; gap;20px;}

header .navigation li:nth-child(3) ul.sub-menu{width:100%; transform:none;}
header .navigation li:nth-child(3) ul.sub-menu li{width:100%;}

header nav ul li, header nav ul li:last-child {
    margin-right: 30px;
    width: 100%;
    margin-right: 0px;
}
header nav ul li a, header.small ul li a{ color:#18230a!important;}
header .navigation ul li{border-bottom: 1px solid #f4f4f4;}
header .navigation ul.sub-menu  li{border-bottom:none;}
header .navigation ul li a { font-size: 15px; text-align: left; padding: 20px 20px; display: block;}
header .navigation > ul > li:last-child a{ color:#fff!important;}

header.innerpages.small .hem span,
header.innerpages.small .hem:before,
header.innerpages.small .hem:after{ background: #fff;}


.resmn{display:none;left: -100px;transition: 0.3s ease;}

.aboutus{
    padding: 60px 0px;
}
.aboutus br{ display:none;}


.aboutus .detailBox, .news ul li .dtlPnl{
    width: calc(100% - 530px);
}
.aboutus .detailBox h3{margin-bottom:30px;font-size: 20px;}
 .aboutus .detailBox p{ margin-bottom:30px;}
 .aboutus .detailBox span{ margin-bottom:30px;}

 .services .lcoations{
    margin: 30px 0px;
    margin-left: -20px;
    margin-right: -20px;
}
.cookingStyle ul li{
    padding: 30px;
}
 .testimonlas li{
    padding: 40px;
}
.testimonlas{
    padding: 60px 0px;
    overflow: hidden;
}

.mission .dtlPnl{
    padding: 60px;
}
.mission .dtlPnl ul li .deta{
    min-width: initial;
    width: 100%;
}
 .budget ul{
    gap: 40px;
}
}

@media screen and (max-width:1000px) {
.news{ padding-bottom:60px;}

.news ul li .imgPnl{
    width: 100%;
}
.news ul li .dtlPnl{
    width: 100%;
    margin-top: 30px;
}
.news ul li .dtlPnl .btngrp a{
    width: 280px !important;
}

}

@media screen and (max-width:900px) {
.sponsors ul.spons_list li .foot ol li label{ font-size:16px;}

.sponsors .sponsor_form li .deta ol li input{
    width: 20px;
    height: 20px;
}

.sponsors .sponsor_form li .deta ol li label{
    font-size: 16px;
    margin-top: 15px;
}

 .services .srv_list{
    flex-wrap: wrap;
    gap: 0px;
}
 .services .srv_list li:nth-child(even){ margin-right:0px!important;}
 .services .srv_list li{
    width: 48.7% !important;
    margin: 0px 2.5% 30px 0px!important;
    padding: 30px 0px;
}

.donation_options_grid_list .item{width:50%;}
}

@media screen and (max-width: 850px) {
.sponsors .sponsor_form li .amount p{}

 .news ul li .dtlPnl p{
    max-width: 100%;
}

.aboutus .imageBox{
    width: 100%;
}
 .aboutus .detailBox{
    margin-top: 30px;
    width: 100%;
}
    .sponsors .sponsor_form{ /*To show one box in each row*/
        flex-wrap: wrap;
        gap: 20px;
    }
.sponsors .sponsor_form li{
    /*flex-wrap: wrap;*/
    width: 100% !important;
}
.sponsors .sponsor_form li .amount{
    width: 100%;
    min-width: initial;
}
 .sponsors .sponsor_form li .deta{
    width: 100%;
}
.sponsors .sponsor_form li .amount p{
    font-size: 15px;
    line-height: 22px;
}
 .sponsors .sponsor_form li .amount h3{ font-size:35px; line-height:45px;}
}


@media screen and (max-width: 780px) {
    .mission{
        flex-wrap: wrap !important;
    }
    .mission .imgPnl img{
        height: 358px !important;
    }
.mission .dtlPnl ul li .deta h4{
    font-size: 20px;
}


.news ul li .dtlPnl h3{
    font-size: 30px;
}

.dishes ul li .dtlnpl h3{ margin-bottom:20px;}

.aboutus br{ display:none;}

.aboutus .imageBox img{
    height: auto;
}

p, .testimonlas li p, .cookingStyle ul li p{ font-size:13px; line-height:22px;}
.testimonlas li p{  margin-top: 30px;}
.cookingStyle p{ font-size:16px;}

 .donate{ background-attachment: initial;  padding: 60px 0px;}
.donate h2{ font-size: 35px; line-height: 45px;}

.sponsors .family li:nth-child(even){
    margin-right: 0px!important;
}
 .sponsors .family li{
    width: 50%;
    /* margin-right: 2.5%!important; */
    /* height: 150px; */
}


.money_pg .enqury .information, .enqury.write .information.extraPad{
    padding: 60px 20px;
}

.money_pg .globel h2{
    font-size: 50px;
}

 .account ul{
    margin-bottom: 30px;
}

.contactUs .contactUs_inner{
    flex-wrap: wrap;
    gap: 50px;
}
.contactUs .info{
    width: 100%;
}
 .contactUs .info ul{
    display: flex;
}
.contactUs .info ul li{
    width: 33.33%;
    margin-bottom: 0;
}
 .contactUs .info ul li a{
    font-size: 14px;
    line-height: 20px;
}


.enqury{
    flex-wrap: wrap;
    flex-direction: column-reverse;
    padding: 0px;
}
.enqury .imagePnl{
    width: 100%;
    height: 300px;
    object-fit: cover;
    overflow: hidden;
    display: none;
}
.enqury .imagePnl img{height:auto;object-position: 0px -50px;}


.enqury .information{
    width: 100%;
    /* flex-direction: column-reverse; */
    padding: 60px 20px;
    /* background: url(/assets/images/kerenalmones_org_cards_7a2434d1.png)no-repeat center center; */
    /* background-size: cover; */
}
 .enqury .information ul li .deta h3{
    font-size: 20px;
    line-height: 25px;
}


.budget_list{
    padding: 60px 0px;
}

.budget_list ul{ margin: 30px 0px; gap:20px;}

.budget_list li{
    padding: 30px;
}

 .budget_list li p{
    font-size: 17px;
    line-height: 28px;
}
.budget_list li h3{
    font-size: 45px;
    line-height: 55px;
    margin: 15px 0px;
}


footer .colume a{ line-height: 25px; font-size: 14px;}
footer .ftrnv li a{ font-size:14px;}
 .testimonlas h2{ margin-bottom: 30px;}

.aboutus .detailBox h3{ font-size: 16px; line-height: 25px;}
.sponsors h2{margin-bottom:25px;}

.services .lcoations li{
    width: 50%;
    /* margin-right: 4%!important; */
    padding: 0px 10px;
}
.services .lcoations li:nth-child(even){margin-right: 0px!important;}
.dishes ul li{
    flex-wrap: wrap;
    gap: 30px;
    padding: 20px;
}
.dishes ul li .imgPnl{
    width: 100%;
    max-width: initial;
    height: 200px;
    border-radius: 10px;
    min-width: initial;
    object-fit: inherit;
}
 .cookingStyle ul{ margin-bottom:0px;}
 .cookingStyle ul li{ width: 100%;  margin-right: 0px;margin-bottom:20px;}
.cookingStyle ul li p{  margin-top: 20px;}
.news{  padding: 60px 0px;}


.news ul li .dtlPnl p{
    max-width: 100%;
    margin-bottom: 40px;
}
footer{
    padding: 60px 0px 30px;
}
footer .logo{
    margin-bottom: 40px;
}

footer .footer_inner{
    flex-wrap: wrap;
}
footer .colume{
    width: 50%;
     margin-top: 30px;

    border-top: 1px solid #f4f4f499;

    padding-top: 30px;
}
.banner{
    background-attachment: initial;
    background-position: left bottom;
}
 .banner .banner_Inner{ padding:50px 0;  min-height: 500px;}
.goalMap .roadMap ul:before{margin-left: 0px;}
.goalMap .roadMap ul:after{ margin-left: 24px;}

.goalMap .roadMap:after{margin-left: 24px; }
 .goalMap .roadMap ul li{
    flex-wrap: wrap;
    flex-direction: column;
    justify-content: space-around;
    position: relative;
    align-items: end;
    margin-bottom: 40px!important;
}
.goalMap .roadMap ul li .date{ margin-bottom:25px}

.goalMap .roadMap ul li.rvrs{
    flex-direction: column;
    margin-top: 0px;
}
 .goalMap .roadMap ul li .content.pragMrgn, .goalMap .roadMap ul li.rightNon .content{ margin-top:0px;}
.goalMap .roadMap ul li .date h2{
    padding: 0px;
    text-align: right;
}

.goalMap .roadMap ul li .content{
    /* width: 50%; */
}
.goalMap .roadMap ul li:after{ display:none;}
 .goalMap .roadMap ul li:before{ right: 0px!important;  width: 86%; left: 0px!important;}
 .innerbanner h1{ font-size: 45px;}
.innerbanner,
.globel
{ padding: 40px 20px; height: auto;}


.latter h2{
    font-size: 35px;
    line-height: 40px;
}
.latter{
    padding: 60px 0px;
}
.mission {
    flex-wrap: wrap;
}

.mission .imgPnl{
    width: 100%;
    max-height: 400px;
    overflow: hidden;
}
.mission .imgPnl img{height: auto;object-position: 0px -160px;}
.mission .dtlPnl{width: 100%; padding: 60px 20px;}
 .mission .dtlPnl h3{ margin-bottom: 30px; font-size: 30px;}
.budget ul li{ padding: 40px 25px;}
.budget{padding: 60px 0px;}
.goalMap h2{ text-align: left; margin-bottom: 40px; font-size: 30px;}

}

@media screen and (max-width: 720px) {
.money_pg .globel h2{margin-bottom:0;}
.donation_options_grid_list .item{width:100%;}



.process_popup {left: 10px; top: 10px; transform: none; width: calc(100% - 20px); overflow-x: hidden;  overflow-y: auto; bottom: 10px; background: #ffffff; border-radius: 12px}

.duration_option .duration_option_sub label{padding:50px 15px 15px 15px;}
.process_popup footer {
    flex-wrap: Wrap;
    position: sticky;
    bottom: 0;
    background: #ffffff;
    padding: 20px;
    z-index: 3;
}


.process_popup header{
    padding: 20px 24px;
    background: #ffffff;
    position: sticky;
    top: 0;

}
.process_popup footer span{width:100%; text-align:center;}
.process_popup footer .button_set{width:100%; justify-content:center; margin-top:15px;}

.plan_details{flex-wrap:Wrap;}
.plan_details .final_price {justify-content: space-between;}
.plan_details h4{width:100%; margin-bottom:10px;}
.plan_details .final_price{width:100%;}
.duration_option .duration_option_sub label price{font-size:12px;}
.duration_option {margin: 0 -5px;}
    .sponsor_duration {display:block;}
    .duration_option .duration_option_sub.col2{width: 100%}
    .donation_options_grid_list .item .donate_box_inner{margin-left: 0 !important;}
.duration_option .duration_option_sub{padding:5px;}
.process_popup .form_row{margin: 0 -5px;}
.process_popup .form_row .sub{padding:0 5px;}
.process_popup .form_row{padding:0 20px;}



.process_popup header h3 { font-size: 17px;line-height: 22px;}
.process_popup header p{font-size:12px;}
.process_popup .form_row .sub label.fly{top:13px;}

.process_popup .form_row .sub label{font-size:13px;}

.guidane_filters .lang-filter{order:1; gap:15px; margin-bottom:20px;}
.guidane_filters .location-filter{order:2; max-width:48%;}
.guidane_filters .search-letter{order:3; max-width:48%;}

}

@media screen and (max-width: 650px) {
.sponsors .sponsor_form li .amount h3{font-size: 30px;}

 .hd, .testimonlas h2{ font-size: 30px; line-height: normal;}
.enqury .information ul li span{ margin-right: 25px;}

.latter .latterBckgond{ padding: 47px 20px 50px 61px; background-size: 100%;background-repeat: repeat-y}

.budget ul li h2 {font-size: 30px; line-height: 40px; margin-bottom: 20px;}
.budget ul li h2 br{display:none;}


.sponsors ul.spons_list li .foot ol li:last-child{
    border-bottom: 0px;
    padding-bottom: 0px;
}
.sponsors ul.spons_list li .head ol{
    border-left: 0px;
    flex-wrap: wrap;
}
 .sponsors ul.spons_list li .head ol li:last-child{
    margin-bottom: 0px;
    padding-bottom: 0px;
}
 .sponsors ul.spons_list li .head ol li{
    width: 100%;
    padding: 0px;
    border-right: 0px;
    height: auto;
    margin-bottom: 30px;
    border-bottom: 1px solid #e3e3e3;
    padding-bottom: 30px;


}
.sponsors ul.spons_list li .head ol li h4{
    padding-bottom: 0px;
}


 .sponsors ul.spons_list li .foot ol li{
    width: 50%;
    margin-bottom: 30px;
    border-bottom: 1px solid #e3e3e3;
    padding-bottom: 30px;
}

.sponsors ul.spons_list li .foot ol li label {
    font-size: 14px;
    margin-top: 18px;
}

.sponsors ul.spons_list li .foot ol li input { width: 24px; height: 24px;}

 .contactUs .form .fldwrap input{
    /* height: 50px; */
    padding:0 20px;
}

.contactUs { padding: 50px 0;}
.contactUs .form .fldwrap textarea{padding-left:20px;}
.contactUs .form .fldwrap{ width: 100%;  margin-right: 0px;  padding: 0px;margin-bottom:15px;}
 .contactUs .info ul{ flex-wrap:wrap;}
.contactUs .info ul li:last-child{ margin-bottom: 0; /* padding-bottom: 0px; */}
 .contactUs .info ul li{
    width: 100%;
    padding-bottom: 20px;
    margin-bottom: 20px;
    border-bottom: 1px solid #f4f4f4;
}

.banner h1{
    font-size: 40px;
    line-height: 45px;
}
 .banner h1 span{
    font-size: 30px;
    line-height: 35px;
}
.services .srv_list li h3{
    font-size: 30px;
}
.services .lcoations li .ctrPnl .count b{ font-size:30px;}

 br{ display:none!important;}
 .services .lcoations li .info h3 br{ display:block!important;}
.goalMap .roadMap ul li .content{ padding: 25px;}

.goalMap .roadMap ul li .content p { font-size: 13px; line-height: 21px;}
 .mission .dtlPnl{ padding: 30px 20px 40px;}
 .mission .dtlPnl ul li span{
    margin-right: 20px;
}
 .budget ul{
    flex-wrap: wrap;
}
 .budget ul li{
    width: 100%;
}
}

@media screen and (max-width: 600px) {
 .sponsors .sponsor_form{ /*To show one box in each row*/
    flex-wrap: wrap;
    gap: 20px;
}
 .sponsors .sponsor_form li{
    width: 100%;
}
.news ul li .dtlPnl .btngrp{
    flex-wrap: wrap;
}

.gallery .gallerys li{
    width: 50%;
}
 .gallery .gallerys li:nth-child(2n+2){
    margin-right: 0px!important;
}

 footer .colume{
    width: 100%;
}

footer .colume:nth-child(2),
footer .colume:nth-child(3),
footer .colume:nth-child(4) { margin-top: 30px; border-top: 1px solid #f4f4f499; padding-top: 30px;}
footer .colume span{margin-bottom:10px;}
.copyright{text-align:center;}
}

@media screen and (max-width: 550px) {
.goalMap .roadMap ul li{ padding-left: 55px;}
}


@media screen and (max-width: 500px) {
 .sponsors .family li.fl label{font-size: 35px;}
.sponsors .family li .toolTp.minWth{ width:100%;}
.sponsors .family li{ width: 48%; margin-right: 0px!important; margin-bottom:20px;}
.sponsors .family li.fl{width: 48%;}
.sponsors .family li.fl label { font-size: 25px; letter-spacing: 0;}
.sponsors .sponsor_form li .deta ol{  flex-wrap: wrap;}
.sponsors .sponsor_form li .deta ol li:last-child{margin-right:0px;border: none;padding-bottom: 0px;margin-bottom: 0;}
.sponsors .sponsor_form li .deta ol li label{}
.sponsors .sponsor_form li .deta ol li{ width: 100%; margin-bottom: 30px; border-bottom: 1px solid #e3e3e3; padding-bottom: 30px;}
.sponsors .info a { margin-right: 20px; font-size: 14px;}
.enqury.write .btnGrp{ flex-wrap: wrap; margin-bottom: 0px;}
.enqury .information .btnSctn li .btnGrp{ gap: 10px;}
.enqury .information .btnSctn li .btnGrp a{ width: 47%;}

.enqury.write .btnGrp .btn{
    width: 100%;
    margin-right: 0px;
    margin-bottom: 30px;
}


 .money_pg .globel h2 i{
    width: 30px;
}
 .money_pg .globel h2{
    font-size: 35px;
}
.account ul li{
    width: 100%;
}

 .testimonlas .btnGrp{ flex-wrap: wrap;margin-top:20px;}
 .testimonlas .btnGrp .btn{
    width: 100%!important;
    margin-right: 0px!important;
    margin-bottom: 20px;
    padding: 17.5px 41px!important;
}
.latter h2{
    font-size: 25px;
    line-height: 35px;
}
.sponsors .family li .toolTp ol{gap:10px;}
.sponsors .family li .toolTp ol li{width:100%;}
.sponsors .family li .toolTp ol li h4 { font-size: 12px;  margin-bottom: 4px;}
.sponsors .family li .toolTp h3{font-size:12px;}
.sponsors .family li .toolTp:after {
    border-top: 10px solid #ea6820;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid transparent;
    bottom: -20px;
}

.sponsors .family li .toolTp { bottom: 120px;}
.enqury .information .btnSctn li h3 {margin-bottom: 10px;}

}


@media screen and (max-width: 450px) {
    .banner_Inner{
        min-height: 200px !important;
    }
    .single-donation-info, .single-donation-info a{
        font-size: 12px !important;
    }
    /*.single-donation-info a{
        margin: 1px !important;
    }*/
.sponsors .family{
    margin: 0px;
}
.sponsors .family li{
    padding: 0px;
}

.banner .banner_Inner p{
    padding: 0 0 13px 0;
    font-size: 18px;
    line-height: 26px;
    max-width:300px;

}

.gallery .gallerys{ margin:0px;}
.gallery .gallerys li{width:100%;padding: 0px;}
.enqury .information ul li .deta .btn{width:100%;padding: 17.5px 0px;}

.budget_list li h3{
    font-size: 35px;
    line-height: 40px;
    margin: 5px 0px 10px;
}

 .banner h1{ font-size: 32px; line-height: 35px;}
 .banner h1 span{font-size: 23px; line-height: 30px;}
.services .srv_list,
.money_pg .services .srv_list{justify-content: space-between;}
.services .srv_list li,
.money_pg .services .srv_list li
{ width: 48%; margin: 0px 0px 18px!important;}
.services .lcoations{margin: 30px 0px;}
.services .srv_list li b{font-size:17px;}
.services .lcoations li{ width: 100%; margin-right: 0px!important; padding: 0px; margin-bottom:20px;}
.dishes ul li .imgPnl{ height: 150px;}
.goalMap .roadMap ul li .content{ width: 100%;}
.innerbanner h1{ font-size: 30px;}
.sponsors .family li{margin-bottom:14px;}
.sponsors .family {justify-content: space-between;}
.sponsors .family li label { font-size: 14px; height: 100px; padding: 0px 15px;}


.owl-carousel .owl-controls .owl-nav .owl-prev{margin-left:0 !important;}
.owl-carousel .owl-controls .owl-nav .owl-next{    margin-right: -11px !important;}


}

@media screen and (max-width: 400px) {
.logo{ width: 200px;}
.logo img{ width:70%;}
#header-text{
    font-size: 15px;
}
}

@media screen and (max-width: 375px) {}


@media screen and (max-width: 360px) {

}

@media (max-width: 767px) {

    .select2-container {
        width: 80% !important;
    }
    #totals-wrapper .donate_box_inner{
        width: 100%;
    }
    .accounts-box {
        width: 100%;
        margin: 10px 0;
    }
    .accounts-row {
        flex-direction: column; /* Stack the boxes vertically */
    }
    #header-text{
        text-align: right;
        margin-right: 70px;
    }
}

@media (min-width: 768px) {
    .accounts_filter{
        padding-right: 70px;padding-left: 10px
    }
    .mobile-location-menu {
        display: none !important;
    }
    #sub-footer .sub-footer-images-wrapper {
        flex-wrap: nowrap;
    }

    #sub-footer-image-1, #sub-footer-image-5 {
        flex: 1;
        /*max-width: 30%;*/
        max-height: 100px;
    }
    #sub-footer-image-2, #sub-footer-image-3, #sub-footer-image-4 {
        flex: 1;
        /*max-width: 10%;*/
                max-height: 100px;


    }
    #all_locations_link_mobile{
        display: none;
    }
}

@media (max-width: 767px) {
    #sub-footer-image-5 {
        order: 1;
        flex: 0 0 100%;
        max-width: 100%;
    }
    #sub-footer-image-4, #sub-footer-image-3, #sub-footer-image-2 {
        order: 2;
        flex: 1;
        max-width: 30%;
    }
    #sub-footer-image-1 {
        order: 3;
        flex: 0 0 100%;
        max-width: 100%;
    }

    #locations-menu {
        display: none;
    }

   /* #location-main-menu:hover #locations-menu {
        display: inline-block;
    }*/
    .desktop-location-menu {
        display: none !important;
    }
    .mobile-location-menu {
        display: block;
    }

    #location-main-menu {
        position: relative;
    }

    #location-main-menu label {
        cursor: pointer;
    }

    #locations-menu {
        display: none;
        position: absolute;
        top: 100%;
        left: 0;
        right: 0;
        background: #fff;
        z-index: 1000;
    }

    #locations-menu li {
        display: block;
    }

    #locations-menu li a {
        display: block;
        padding: 10px;
        text-decoration: none;
    }

    #locations-menu li a:hover {
        background: #eee;
    }
    #all_locations_link_mobile{
        display: inline-block;
    }
}