@media only screen and (min-width:1299px) and (max-width:1360px) {

}
	
@media (max-width:1500px) {
.innerBannerSection .innernav .nav-link { 
    font-size: 14px;
    padding: 7px 8px;
  
    letter-spacing: -.1px;
 
}

}
@media (max-width:1330px) {
.innerBannerSection .innernav .nav-link { 
    font-size: 12px;
  
 
}

}

@media (max-width:1450px) {

h2.headingArea {font-size: 19px;}

.arrowAction-01.personasBoxArea  .btnBox {left: 50%; margin-left:-120px}
.arrowAction-01.personasBoxArea  .owl-nav button.owl-prev {
   left: 50%;
    margin-left: -80px;  
}
.arrowAction-01.personasBoxArea  .owl-nav button.owl-next {
    right: 50%;
    margin-right: -80px;
}
}


@media (min-width:1300px) {

	.aboutSection .about-btn{font-size: 13px;}



}

@media (max-width:1350px) {
/*.mediaSection .imgBoxArea img, .videos-img {
    height: 175px !important;
}

.sliderArea-01 .gallerySlider img {
    height: 175px !important;
}*/

}

@media (max-width:1300px) {
    .dropdown-menu-list {

  top: 100%;

    min-width: 250px;
}

ul.header-nav-list li.header-nav-item:last-child .dropdown-menu-list{  
    right: 0;
    left: auto;}



}


@media (max-width:1200px) {
	
.container, .container-lg, .container-md, .container-sm, .container-xl {max-width: 100% !important;padding-left: 80px !important;padding-right: 80px !important;
}
.pmQuoteSection .pmQuoteArea .pmQuoteMessage p {font-size: 20px;}

.socialSection .socialBox{ margin-bottom:20px; }

.header-nav-list {gap: 0 50px;} 

.innerBannerSection .innernav .nav {flex-wrap: nowrap;overflow-x: scroll;}

.searchAreaPanel {
    width: 250px;
}

.scroll-to-top{ display:none; }



.w-mb-ar{ width:300px !important; min-width: 300px;}

}


@media (max-width:1100px) {
	
.container, .container-lg, .container-md, .container-sm, .container-xl {max-width: 100% !important;
    padding-left: 20px !important;padding-right: 20px !important;
}

.space-x-128 {padding-inline: 20px;}

.recentDocumentsSection  .importantLinksArea {padding-right:0px;}

.footer .footer-bottom p{ font-size:14px; }

.aboutSection .about-btn{ margin-bottom:15px; }
.sliderArea-01 .bannerSlider img{ height:auto; }
}

/*@media (min-width: 768px){*/
@media (min-width: 992px){
/*.stickyBox{ display:block !important; }*/


}

@media (min-width: 992px){

header .header-top-area { 
        display: flex;
    }



}

@media (max-width:992px) {
.menuSection .menuBtnArea{position: absolute;right: 18px;top: -53px;}
.mid-h-auto{ height:auto !important; }
header .header-top-right {
    position: absolute;
    right: 10px;
    top: 10px;
}
.imgBoxArea.mediaImgBox{ margin-bottom:15px; }

/*.sliderArea-01 .gallerySlider img*/

.videos-img,
.mediaSection .imgBoxArea img {
 
    height: auto !important;
     
}



.sliderArea-01 .bannerSlider img{ height:auto; }
.pmQuoteSection .pmQuoteArea .pmQuoteMessage{ margin-top:25px !important; }
.pmQuoteSection .pmQuoteArea .pmQuoteMessage p {font-size: 18px;}

.stickyBox{
    position: relative !important;
    top: 0 !important;
}

.btnSubmitBox{ width:110px; }

header .header-top-area .logoArea{padding-right: 140px;}


    header .header-top-area .logoArea a h1 {
        font-size: 20px;
        line-height: 29px;
    }


header .header-top-center ul.header-info-list{width: 100%; margin-top: 15px;
    flex-wrap: wrap; gap: 15px;}
 header .header-top-center ul.header-info-list li{ width: 100%; display: block; }   

header .header-top-center ul.header-info-list li:nth-child(1){ width: 100%;
    order: 2;   
  }


 header .header-top-center ul.header-info-list li:nth-child(2) {
     order: 1;  text-align: center;
  }

 header .header-top-center ul.header-info-list li .searchAreaPanel {
        width: 100%;
        max-width: 100%;
        margin: 0 auto;
        padding-right: 40px;
    }

.header-info-list .header-info-item .searchAreaPanel .SearchBtn {
  
    right: 46px;
    
}
.menuSection.sticky-menu{ position:relative; }


.footer-widget .footer-title.rtLine::after {left: 50%;right: auto;margin-left: -50px;}
.choose-us-style-one-info{ margin-bottom:15px; }

.innerBannerSection img {height: 150px;}

.footer-nav ul {
    grid-template-columns: repeat(3, 1fr);
}


.maincontent .download-btn {
    padding: 8px 6px;
    font-size: 14px;
 
  
}



}


@media (max-width:760px) {
    .searchAreaPanel .search-results-dropdown{ box-shadow:none; border:0; }
.section-header{ padding-top:15px; }

.header-top-area{flex-wrap: wrap;}

.section-header .header-top-left{width: 100%;justify-content: space-around;text-align: center;}
header .header-top-area .logoArea {
    padding-right: 120px;
}

.header-top-area {gap: 10px; }

.header-top-center {display: block;}

.header-info-list {gap: 14px 20px;}

.header-info-list .header-info-item .searchAreaPanel .form-control {
    width: 100%;
    margin: 0 auto;
    display: block;
}

    .searchAreaPanel {
        width: 100%;
        max-width: 350px;
        margin: 0 auto;
    }

.clientSection .arrowAction-01 .owl-nav button.owl-prev {left: 0px;}

.clientSection .arrowAction-01 .owl-nav button.owl-next {right: 0px;}

.innerBannerSection .innerBannerbox h1 {font-size: 25px;}


header .header-top-area .logoArea a h1 {
    font-size: 19px;
    line-height: 22px;
}

header .header-top-right {
    top: -12px;
}

.cookie-consent-icon{ display:none; }


}

@media (max-width:580px) {
.header-top-style-1 {
    padding-block: 38px 20px;

}

header .header-top-area .logoArea {
    padding-right: 0px;
}



/*header .header-top-center ul.header-info-list li .searchAreaPanel {
    max-width: 370px;

}*/


}

@media (max-width:460px) {
   
.headerImagesArea{ display:none; }
.header-info-list,
.header-info-list .header-info-item,
.header-info-list .header-info-item form{ width:100%; }
/*header .header-top-center ul.header-info-list li .searchAreaPanel {
    max-width: 320px;

}*/

.maincontent .link-btn.link-w-auto {
    width: 150px;
}
    .searchAreaPanel {
        width: 100%;
        max-width: 300px;
        margin: 0 auto;
    }

    .searchAreaPanel .search-results-dropdown {
        position: fixed;
        top: 60px;
        left: 50%;
        transform: translateX(-50%);
        width: 90vw;
        max-width: 300px;
        max-height: 50vh;
        overflow-y: auto;
        z-index: 10000;
    }

.footer-nav ul {
    grid-template-columns: repeat(2, 1fr);
}


}


@media (max-width:992px) {
    .bannerSection.sliderArea-01 .sliderLoader{ height:230px; position:relative; }
    .sliderArea-01 .sliderLoader.hide{ display:none; }
   
}


@media (max-width:760px) {
    .bannerSection.sliderArea-01 .sliderLoader{ height:200px; position:relative; }
    .sliderArea-01 .sliderLoader.hide{ display:none; }
   
}



@media (max-width:580px) {
    .bannerSection.sliderArea-01 .sliderLoader{ height:180px; position:relative; }
    
}

@media (max-width:460px) {
    .bannerSection.sliderArea-01 .sliderLoader{ height:140px; position:relative; }
    
}
/* Inner page banner on small screens (sheet row 33): long page titles, e.g. Hindi photo-album
   names, wrap to 2-3 lines. Let the banner grow with the title instead of the title running up
   under the header. Short titles keep exactly the same position as before.
   Browsers without :has() support simply keep the previous layout. */
@media (max-width: 992px) {
    .innerBannerSection:has(> .innerBannerbox) {
        min-height: 155px;
        display: flex;
        flex-direction: column;
        justify-content: flex-end;
    }

    .innerBannerSection:has(> .innerBannerbox) > img {
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
    }

    .innerBannerSection:has(> .innerBannerbox) > .innerBannerbox {
        position: relative;
        bottom: auto;
        padding-top: 20px;
        padding-bottom: 70px;
    }
}

/* Home page: "Key Offerings" and "What's New" boxes end on the same line on every
   desktop screen size and zoom level. The What's New box now takes its height from the
   row (set by the Key Offerings box) instead of its own fixed pixel height, so it no longer
   drifts when, for example, the tab labels wrap to two lines. Its news list still scrolls. */
@media (min-width: 992px) {
    /* the 15px gap below Key Offerings is only meant for the stacked (mobile) layout;
       at exactly 992px both layouts' rules applied at once */
    .choose-us-style-onea-area .choose-us-style-one-info {
        margin-bottom: 0;
    }

    .choose-us-style-onea-area .choos-us-style-one-items > .row > .col-lg-5 {
        display: flex;
        flex-direction: column;
    }

    .choose-us-style-onea-area .choos-us-style-one-items > .row > .col-lg-5 > .whatNewAreaBox {
        flex: 1 1 auto;
        display: flex;
        flex-direction: column;
        min-height: 0;
    }

    .choose-us-style-onea-area .choos-us-style-one-items > .row > .col-lg-5 > .whatNewAreaBox > ul {
        flex: 1 1 0;
        height: auto;
        min-height: 0;
    }
}

/* Gallery cards (photo / video galleries, success stories, search results): all cards in a row
   are the same height even when a title wraps to two lines; the date / item count line stays
   at the bottom of each card so it lines up across the row. */
/* the card fills its column, minus its own 20px bottom margin (otherwise every card grew by 20px) */
.maincontent .photos-card.h-100 {
    height: calc(100% - 20px) !important;
}

.maincontent .photos-card .photoArea {
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
}

.maincontent .photos-card .photoArea > a {
    flex: 1 1 auto;
    display: flex !important;
    flex-direction: column;
}

.maincontent .photos-card .photoArea .photos-card-footer {
    margin-top: auto;
}