@media (max-width: 1799px) {


}

@media all and (max-width:1599px) {  
}

@media all and (max-width:1400px) {
 
    
}

@media (max-width: 1280px) {

    .aboutUs{
    /* min-height: 415px; */
}

    
}



@media all and (max-width:1180px) {

    footer .logoDtls{
    width: 100%;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
  footer .footer_inner .info {
        width: 100%;
        border-top: 1px solid #00000029;
        padding-top: 30px;
        padding-top: 40px;
        margin-top: 30px;
    }

    footer {
        padding-top: 50px;
    }

    footer .footer_inner {
        flex-wrap: wrap;
        justify-content: center;
    }
    
}

@media (max-width: 1080px) {
  .inrBnr {
        height: 150px;
        display: flex;
        align-items: center;
        padding: 0px;
    }
.inrBnr .bnrCtnInr h1{font-size:30px;}
    
.banner .bnrInr .text{
    width: 50%;
}
    .banner .bnrInr h1{font-size:30px;}
    
    .banner .bnrInr p{
    /* width: 50%; */
    font-size: 14px;
}
    .banner .bnrInr p br{ display:none;}
  
    
    header .center_container .navigation ul{
    gap: 35px;
}
header .center_container .navigation ul li a{ font-size:16px;}
    header{
    padding: 25px 0;
    position: relative;
}
.aboutUs .abtInr .cntn{
    padding-left: 70px;
}
    .aboutUs .abtInr .imgPnl .imgSmall{
    right: -30px;
    bottom: 0px;
}
    .achivments{
    padding-top: 0px;
}
.testimonials .wrap{
    flex-wrap: wrap;
}
    .testimonials .textBox{
    width: 100%;
}
    .testimonials .review{
    padding: 0px;
    width: 100%;
    margin-top: 30px;
}
    .testimonials{
    padding: 60px 0px;
}
}




@media all and (max-width:940px) {

    .banner{
    padding: 30px 0px;
}
.banner .bnrInr{flex-wrap:wrap;/* padding: 40px 0px; */gap: 40px;}
.banner .bnrInr .text{
    width: 100%;
}
.banner .imgboxs{
    width: 100%;
    display: flex;
    justify-content: center;
}
.banner .imgboxs .bigMIg{
    width: fit-content;
}
.banner .imgboxs .smlMIg{
    left: initial;
    right: 30%;
}
.banner .imgboxs .vntr{
    left: initial;
    right: 29%;
}
.banner .bnrInr h1{
    font-size: 30px;
}
.banner .bnrInr p{
    margin: 15px 0px 20px;
}

.aboutUs .abtInr{
    flex-wrap: wrap;
    flex-direction: column-reverse;
    gap: 40px;
}
.aboutUs .abtInr .imgPnl{
    width: 100%;
    display: flex;
    gap: 10px;
}
    
.aboutUs .abtInr .cntn{
    width: 100%;
    padding-left: 0px;
    margin-top: 20px;
}
.aboutUs{}
   .aboutUs .abtInr .imgPnl .imgSmall{
    width: 50%;
    position: initial;
} 
.wedo ul{flex-wrap:wrap;gap: 30px 0px;}
    .wedo ul li{
    width: 50%;
}
    .wedo ul li:last-child{width:100%;}
    .caseStdy .imgBox .dtls{
    width: 80%;
    max-width: initial;
    padding: 15px;
    position: initial;
}
  .blogs ul li .dtl{
    padding: 15px;
    padding-top: 50px;
} 
    .blogs ul li .dtl h3{font-size:18px;}
}



@media (max-width: 780px) {

    .conctus form{
    width: 100%;
    gap: 10px;
}

.conctus form{
    width: 100%;
    gap: 10px;
}
    

    .conctus .mapinfo .wrap{
    flex-direction: column-reverse;
}
.conctus .mapinfo .lft, .conctus .mapinfo .rgt{width:100%;}
    .conctus .mapinfo .lft{
    height: 250px;
}
.conctus .mapinfo .rgt{
    padding: 20px 30px;
}

    .achiv ul li h3 span{font-size:16px;}
    .achiv{
    padding-top: 50px;
}
    .testimls{
    margin-top: -30px;
}
.achiv ul{
    flex-wrap: wrap;
    gap: 20px 0px;
}
    .achiv ul li{
    width: 50%;
}

    .achiv ul li b{
    font-size: 35px;
}
    .achiv ul li h3 span{font-size:16px;}
    .achiv{
    padding-top: 50px;
}


.weAre .wrap{
    flex-wrap: wrap;
    gap: 30px;
}
.weAre .imgbox{
    width: 100%;
    line-height: 0;
    overflow: hidden;
}
.weAre .imgbox img{
    width: 100%;
}
    .weAre .rgt{
    margin: 0px;
    width: 100%;
}
    
    .achiv ul li h3 span {
        font-size: 16px;
    }

.vlus ul{
    gap: 50px 0px;
}
    .vlus ul li{
    width: 50%;
}
.vlus h2{
    justify-content: center;
    align-items: center;
    display: flex;
    flex-direction: column;
}
    
    
.evnts .entTbl .cntr{
    flex-direction: column;
    gap: 20px;
}
.evnts .entTbl .cntr .evntdrc{
    width: 100%;
}
.evnts .entTbl .cntr .evnactn{
    width: 100%;
}
    
    
    .gallery .tab-content ul{
    gap: 20px 0px;
    margin: 0px -20px;
}
    .gallery .tab-content ul li{
    width: 50%;
    padding: 0px 10px;
}

.donation .inner{
    flex-direction: column;
    gap: 50px;
}
    .donation .lft{
    width: 100%;
}
.donation .rgt .cricl{
    width: 220px;
    height: 220px;
}

    
    .donation .rgt{width:100%;margin: 0px;}
    .donation .rgt .cricl.img2{
    margin: 0px;
}
    
.whyUs .inner{
    flex-direction: column;
    gap: 40px;
}
.whyUs .content, .whyUs .imgBx{
    width: 100%;
}
    
.banner:after{ display:none;}
.banner .inner{
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
    z-index: 99999;
    /* position: relative; */
}
.banner .inner .cntnBox{
    width: 100%;
}
    
    .banner .inner .imageGrl{
    width: 100%;
    display: flex;
    justify-content: end;
}

    .banner .inner .imageGrl .imgBx{
    /* width: 50%; */
}
    
.achivments ul{
    flex-wrap: wrap;
    margin-bottom: 0px;
}
    
    .achivments ul li{
    width: 50%;
    padding: 0px 0px 26px;
    /* border-bottom: 1px solid #f4f4f4; */
}
.achivments ul li:nth-child(2){border-right:0px}
.achivments{padding-bottom:60px;}
   .servcies ul li{
    width: 50%;
} 
.servcies ul li .imgBx img{width:100%;}
    
.blogs ul{
    gap: 30px 0px;
    justify-content: center;
}
    .blogs ul li{
    width: 50%;
}    
.getin .inner{
    flex-wrap: wrap;
}    
.getin .inner .details{
    width: 100%;
    border-bottom: 1px solid #d7d7d7;
}
    .getin .inner .enquiry{
    width: 100%;
}
    
footer ul.address li {
        flex-wrap: wrap;
        gap: 0px;
    }

    footer ul.address li b {
        display: block;
        width: 100%;
    }

    footer .footer_inner ul li a {
        line-height: 1.2em;
    }

    footer .footer_inner ul li {
        margin-bottom: 15px;
    }

    footer .footer_inner .info {
        flex-wrap: wrap;
        gap: 30px 0px;
        padding-left: 0px;
    }

    footer .info ul{
        width: 100%!important;
        flex-wrap: wrap;
        display: flex;
    }
footer .info ul li:nth-child(1){
    width: 100%;
}
footer .info ul li:nth-child(1) b{ margin-bottom:0px;}
    
    footer .info ul li{
    width: 100%;
    border-bottom: 1px solid #f4f4f447;
    padding-bottom: 20px;
}
    
footer .info .newsLtr{
    width: 100%;
}
    
    footer ul.address {
        width: 50%;
        /* display: flex; */
    }
    
 
    
.aboutUs .abtInr .cntn ul{
    flex-wrap: wrap;
    gap: 30px;
}
    .aboutUs .abtInr .cntn ul li{
    width: 100%;
}
    

    
.banner{height:initial;padding-bottom: 0px;}

    

    
.trigger{ display:block;}
header .center_container .navigation > ul{display:none;position: absolute;left: 0;top: 100%;background: #101a29;width: 100%;max-height: calc(100vh - 90px);overflow-y: auto;border-top: 1px solid #101a29;z-index: 999;}
header .center_container .navigation > ul.menu-open{display:block;}
header.fixed {padding: 10px 0;}
.trigger{display:block;}
header .center_container .navigation ul li{margin:0;}
header .center_container .navigation ul li a:after{ display:none;}
    
header .center_container .navigation ul li a{padding: 15px 20px;border-bottom: 1px solid #3f3f3f;border-radius: 0px;color: #ffffff;}
header .center_container .navigation ul li:last-child a{
    border-radius: 0px;
    padding: 15px 22px;
    border: none;
    width: 100%;
}
header .center_container .navigation ul li a{}  
header .center_container .navigation ul li .mega_menu{display:none;position:static;width:100%;padding:0;background:rgba(255,255,255,.06);}
header .center_container .navigation ul li.sub.menu-open > .mega_menu{display:block;}
header .center_container .navigation ul li .mega_menu li{background:transparent;border:0;}
header .center_container .navigation ul li .mega_menu li a{padding:10px 35px;color:#fff;font-size:14px;}
header .center_container .navigation .reserv{display:none;}
    .kitchenLogo{
    width: 150px;
    margin: 70px auto;
}
footer .footer_inner{
}
    footer .footer_navigation{
    width: 100%;
    margin-bottom: 20px;
    border-bottom: 1px solid #f4f4f457;
    padding-bottom: 35px;
}
    footer .logoInfo{
    width: 100%;
    text-align: center;
    gap: 10px;
}
 footer{
    padding: 50px 0px 20px;
    padding-bottom: 0px;
}   
footer .footer_navigation{
    gap: 30px;
}

 
}

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


}




@media all and (max-width:650px) {

.jrny ul{
    flex-wrap: wrap;
    gap: 24px;
}
.jrny ul:before {
    content: '';
    left: 20px;
    height: 100%;
    border-left: 2px dashed #cccccc;
    top: 22px;
    /* z-index: -1; */
    border-top: 0px;
}
    
    .jrny ul li .jrnInr{}
    .jrny ul li{
    width: 100%;
    border-radius: 0px;
    display: flex;
    gap: 20px;
    padding-right: 0px;
}
    
    .donation .lft .btnGrp{
    gap: 15px;
}
    .aboutUs .abtInr .cntn h2 span, .hdr span{
    font-size: 38px;
    line-height: 1.05;
    top: -12px;
}
    .donation .lft h3{font-size:20px}
    h3{font-size:18px;}
    .aboutUs .abtInr .imgPnl .img1{ display:none;}
    .aboutUs .abtInr .imgPnl .imgSmall{
    width: 100%;
}

.wedo ul li{
    width: 100%;
}
    .testimonials .textBox h2{
    font-size: 25px;
    line-height: 35px;
}
    .testimonials .review p{
    padding: 20px;
    font-size: 14px;
    line-height: 25px;
    margin-bottom: 15px;
}
    .caseStdy .imgBox .dtls{
    width: 96%;
}
    .caseStdy .imgBox .dtls:before{ display:none;}
    .getin .inner .enquiry .fldwrp input{
    padding: 15px;
}
    .getin .inner .enquiry, .getin .inner .details{
    padding: 20px;
}
}
    
@media all and (max-width:600px) {
 
}

@media (max-width: 550px) {

    .conctus form .fldwrp {
        width: 100%;
    }

    .tstmlPg ul li .content{
    width: 100%;
}
        .tstmlPg ul li {
        flex-wrap: wrap;
    }

.vlus ul li{width:100%;}
    
h2{
    font-size: 20px;
}
    
p br{ display:none!important;}
.banner .imgboxs .smlMIg{
    width: 200px;
    right: 51%;
    top: 40px;
}
    .btn{
    padding: 0px 13px;
    font-size: 14px;
}
.banner .bnrInr h1{
    font-size: 25px;
}
    .achivments .numberCnts i{
    font-size: 15px;
}
.achivments .numberCnts .numberWrp{
    font-size: 70px;
}
    .achivments ul li{
    gap: 0px;
}
    .achivments ul li b{
    font-size: 35px;
    line-height: normal;
}
 
     
}

/* Shared small-screen fixes for all pages. */
@media (max-width: 780px) {
    header { padding: 12px 0; }
    header .center_container { min-height: 0; justify-content: space-between; gap: 12px; }
    header .center_container .logo { position: static; flex: 0 0 84px; width: 84px; max-width: 84px; }
    header .center_container .navigation { gap: 12px; }
    header .center_container .navigation .trigger { flex: 0 0 34px; }
    .banner { padding-top: 28px; }
    .banner .inner .cntnBox { width: 100%; min-width: 0; }
    .banner .inner .cntnBox h1 { font-size: clamp(25px, 7vw, 32px); line-height: 1.25; }
    .banner .inner .cntnBox .btnGrp { flex-wrap: wrap; gap: 10px; }
    .banner .inner .cntnBox .btnGrp .btn { width: auto; min-width: 0; }
    header .center_container .navigation ul { gap: 0; align-items: stretch; }
    header .center_container .navigation ul li { width: 100%; }
    header .center_container .navigation ul li .mega_menu { gap: 0; }
    .inrBnr { height: auto; min-height: 145px; padding: 35px 0; }
    .inrBnr .bnrCtnInr h1 { font-size: clamp(25px, 6vw, 34px); }
    .conctus form { width: 100%; max-width: 100%; padding: 22px; gap: 14px; }
    .conctus form .fldwrp { width: 100%; }
    .tstmlPg ul li { gap: 18px; padding: 38px 20px 24px; }
    .tstmlPg ul li .content { min-width: 0; }
    .princiapl { padding: 60px 0 0; }
    .princiapl:after { display: none; }
    .princiapl .mam { flex-direction: column; align-items: stretch; gap: 28px; }
    .princiapl .message { padding: 0; }
    .princiapl .message p br { display: none; }
    .princiapl .imgBx { order: 2; width: min(100%, 300px); max-width: 100%; margin: 0 auto; }
    .princiapl .imgBx:after { width: 100%; height: 100%; right: -10px; top: -10px; }
}

@media (max-width: 550px) {
    .wrap { padding-left: 16px; padding-right: 16px; }
    .hdr { padding-top: 28px; }
    .hdr span { top: 0; font-size: clamp(27px, 8vw, 38px); line-height: 1.1; }
    .aboutUs .abtInr .cntn h2 span { width: auto; max-width: 100%; font-size: 16px; }
    .gallery .tab-content ul { margin-left: -8px; margin-right: -8px; }
    .gallery .tab-content ul li { padding-left: 8px; padding-right: 8px; }
    .donation .lft .btnGrp { flex-wrap: wrap; }
    .donation .lft .btnGrp .btn { max-width: 100%; }
    .princiapl { padding-top: 80px; }
    .princiapl .mam { flex-wrap: wrap; padding: 22px; }
    .princiapl .imgBx { max-width: 100%; }
    .getin .inner .details ul li { width: 100%; }
    header .center_container .logo { flex-basis: 72px; width: 72px; max-width: 72px; }
    .banner .inner .imageGrl { justify-content: center; }
    .banner .inner .imageGrl .imgBx { width: min(100%, 360px); }
    .banner .inner .cntnBox .btnGrp { flex-direction: column; align-items: flex-start; }
    .banner .inner .cntnBox .btnGrp .btn { width: 100%!important;  }
    .support-popup__panel { max-height: calc(100vh - 32px); overflow-y: auto; }
}

img, video, iframe { max-width: 100%; }
    
@media (max-width: 500px) {

    .banner .inner .cntnBox .btnGrp .btn{
    width: 50%;
}

    .caseStdy ul li{
    width: 50%;
}

    
.topHdr{ display:none;}

   
.aboutUs h2{font-size:25px;}
    .aboutUs h2 br{ display:none; }
    
    .achivments ul li b{
    font-size: 25px;
}
    .achivments ul li span{
    font-size: 14px;
}
    .servcies ul li{
    width: 100%;
}
    .blogs ul li{width:100%;}
    .teamwrk .btnGrp{
    flex-wrap: wrap;
}
    .whyUs .content ul li{
    padding: 0px 6px;
}
    .whyUs .content ul li .inr{
    padding: 10px;
    gap: 10px;
}
    .whyUs .content ul li p{
    font-size: 14px;
    line-height: 20px;
}
}

@media all and (max-width:450px) {
.banner .inner .cntnBox h1{
    font-size: 25px;
    line-height: 35px;
}
    .donation .rgt .cricl{
    width: 150px;
    height: 150px;
}
.donation .rgt .cricl.img2{
    width: 150px;
    height: 150px;
}
 .donation .rgt .cricl.img3{
    width: 170px;
    height: 170px;
}   
}

@media all and (max-width:430px) {
    .achivments .numberCnts .numberWrp{
    font-size: 50px;
}
}

@media all and (max-width:550px) {
    .whatsapp-float{
        right: 16px;
        bottom: 16px;
        width: 52px;
        height: 52px;
    }
    .whatsapp-float i{font-size: 28px;}
}

/* Keep hero actions readable after the legacy 500px button sizing rules. */
@media (max-width: 550px) {
    .banner .inner .cntnBox .btnGrp { flex-direction: column; align-items: flex-start; }
    .banner .inner .cntnBox .btnGrp .btn { width: max-content; max-width: 100%; }
}
