@media screen and (max-width: 1600px) {
}
@media screen and (max-width: 1460px) {
}

/* common css for below screen 1300 */
@media screen and (max-width: 1300px) {
    .searchBox .search-field {width: 200px;}
}
/* common css for below screen 1199 */
@media screen and (max-width: 1199px) {
.secHead .secTitle{font-size: 70px;}
/* home page */
.py-100, .pb-100 {padding-bottom: 80px;}
.py-100, .pt-100 {padding-top: 80px;}

.mainHeaderPartnersImage img {max-height: 45px;}

.ourServicesLinkTitle{font-size: 18px;}
.ourServicesLinksNav{padding-top: 16px;}
.ourServicesLinksNav li.active .ourServicesLinkTitle {font-size: 25px;padding-right: 70px;}

.whatWeDoContent .cmsCon, .getHelpContent .cmsCon{max-width: unset;}

.impactByNumbersBox {padding: 30px 20px;}
.impactByNumbersBoxCount {font-size: 70px;margin: 0 0 20px 0;}

.whoWeAre .cmsCon{margin: 40px 0;}
.whoWeAreText{padding: 0 30px 0 15px;max-width: 100%;margin: auto;}
.involvedBoxInner .secHead .secTitle{font-size: 50px;}

/* home page */

.mainHeaderNavigationWrap {position: absolute;top: 100%;right: 0;width: 524px;background: conic-gradient(from 44.87deg at 66.35% 145.92%, #564AA6 -9.86deg, #252950 21.53deg, #0B7A7A 118.12deg, #103d58 240deg, #564AA6 350.14deg, #252950 381.53deg);z-index: 9;padding: 50px 34px;font-family: "Rubik", sans-serif;display: none;    max-height: calc(100vh - 62px); overflow: auto;}
.mainHeaderSideMenu{position: static;width: 100%;background: transparent;padding: 0;display: block;}
.mainHeaderNavigation ul{flex-direction: column;}
.mainHeaderNavigation li:first-child{border-bottom: 1px solid #fff;}
.mainHeaderNavigation li {margin: 0;padding: 18px 0;display: block;width: 100%;position: relative;}
.mainHeaderNavigation li .btnLight {padding: 15px 23px;font-size: 18px;text-align: center;}
.has-dropdown .icon-arrow-down:before {content: "\e906";position: absolute;top: 24px;right: 0;font-size: 14px;}
.mainHeaderSideMenu a i {font-size: 14px;}
.mainHeaderSideMenu > ul > li i {top: 27px;}
.mainHeaderSideMenu ul > li > a {font-size: 24px;}
.mainHeaderSearchWrap{padding-top: 0 !important;}
.searchHere{flex: 1;}
.searchBox .search-field{width: 100%;}
.searchBox .search-submit{border: none !important;background-color: transparent !important;color: #fff !important;height: 50px;}
.searchBox .search-submit:hover {height: 50px;}
.mainHeaderSearchToggleBtn{display: none;}
.searchBox{display: flex;}

.heroVideo{min-height: 570px;}

}

/* common css for below screen 991 */
@media screen and (max-width: 991px) {

.secHead .secTitle{font-size: 40px;}
p{font-size: 16px;}
.ourServicesDesc{font-size: 14px;padding: 10px;}

.mainHeaderPartnersImage {margin-right: 10px;}


.aboutMain{padding-bottom: 60px;}

/* home page */
.heroBannerWrap {min-height: 454px;}
.heroBannerText{padding: 0 15px;}

.ourServices.pb-120{padding-bottom: 70px;}
.ourServicesLinkImage img{width: 100%;}
.ourServicesLinksNav li.active .ourServicesLinkTitle {font-size: 22px;padding-right: 20px;}
.ourServicesLinkTitle{font-size: 16px;}
.ourServicesLinkNumber{font-size: 18px;}

.impactByNumbersBoxWrap{padding: 30px 0 0 0;}
.impactByNumbersBoxCount{font-size: 60px;}
.impactByNumbers.py-80, .whoWeAre.pt-50.pb-100, .getHelp.pb-100{padding-bottom: 60px;}

.whoWeAre .cmsCon{margin: 30px 0;}
.involvedBoxInner .secHead .secTitle{font-size: 40px;}

}

/* common css for below screen 767 */
@media screen and (max-width: 767px) {
body{background: radial-gradient(201.08% 462.63% at -19.07% 125.54%, #F9F4EE 12.98%, #FFFFFF 32.99%, #F3F8FB 49.8%, #F9F4EE 61.95%);}
.mainHeaderNavigationWrap{padding-bottom:40px !important;}
	.mainHeaderNavigation li .btnLight{    padding: 10px 15px;}
	.mainHeaderNavigation li{padding-bottom:0}
	.mainHeaderNavigation li.mainHeaderSearchWrap{margin-top:18px;margin-left: 0;}
	.searchBox .search-submit{height: 40px;}
	.mainHeaderSideMenu > ul > li{padding: 12px 0;}
	.mainHeaderSideMenu ul > li > a {font-size: 20px;}
	.mainHeaderSideMenu > ul > li .arrow{    height: 38px;}
	.mainHeaderSideMenu ul ul > li > a{font-size: 16px;width: 100%;}
	.mainHeaderSideMenu ul li ul{margin-top:15px;}
	.mainHeaderSideMenu ul ul > li{    padding: 0 0 15px 0;}
.secSubHed{font-size: 16px;margin-bottom: 15px;}

.aboutCon{padding: 30px 15px 0;}
/* home page */
.py-100, .pt-100 {padding-top: 60px;}
.py-100, .pb-100 {padding-bottom: 60px;}
.py-120, .pt-120 {padding-top: 70px;}
.py-120, .pb-120 {padding-bottom: 70px;}
.py-80, .pb-80 {padding-bottom: 40px;}
.py-80, .pt-80 {padding-top: 40px;}
.mainHeaderNav {padding: 30px 25px;}
.mainHeaderToggleBtn {font-size: 26px;}
.heroBannerWrap {min-height: unset;padding: 80px 0;}
.heroVideo{height: 360px; max-width: inherit; min-width: 100%; min-height: 0;/* max-height: 100vh;*/}
.impactByNumbersBox{max-width: 55%;margin: 0 auto 60px auto;min-height: 200px;}

.mainHeaderPartnersImage img {max-height: 25px;}

.ourServices.pb-120{padding-bottom: 50px;}
.ourServicesLinkTitle{font-size: 16px;}
.ourServicesLinksNav li {padding: 10px 20px 16px 10px;}
.ourServicesLinkImage {width: 70%;display: block;margin: 50px auto 0 auto;}
.ourServicesLinkBtn{display:block;}

.whoWeAre .cmsCon {margin: 60px 0 30px 0;}
.whoWeAreImage img{margin: 40px 0 0 0;width: 100%;}
.whoWeAreImage{padding: 0 12px;}

.getHelpBtnWrap .btn{font-size: 16px;}

.secHead .secSubTitle{font-size: 14px;}

/* home page */
}

/* common css for below screen 568 */
@media screen and (max-width: 568px) {

.secHead{margin-bottom: 20px;}
.heroBannerText{padding: 0 8px;}
.secHead .secTitle{font-size: 35px;letter-spacing: -0.2px;}
p{font-size: 14px;}


.aboutMain{padding-bottom: 40px;}
.aboutImg img{margin: auto;}
.aboutCon p{padding: 20px 0;}
/* home page */
.py-100, .pb-100 {padding-bottom: 40px;}
.py-100, .pt-100 {padding-top: 40px;}
.btnLight,.btn {font-size: 14px;padding: 7px 30px;}

.heroVideo{min-width: inherit;}
.heroBannerText .btnLight{min-width: 153px;}

.mainHeaderLogoIcon img {height: 30px;}
.mainHeaderLogoIcon, .mainHeaderToggle{flex: 0 0 50px;max-width: 50px;}
.mainHeaderNav{border-right: none;padding: 22px 15px 20px 15px;}
.mainHeaderNavLogo img{height: 20px;}
.mainHeaderToggleBtn {font-size: 24px;}
.mainHeaderToggle{padding: 5px 17px 0 0;}

.heroBannerWrap{/*min-height: 550px;*/padding: 0;background-position: 38%;}

.ourServicesLinkNumber{font-size: 14px;margin-right: 20px;}
.ourServicesLinkTitle {font-size: 14px;}
/*.ourServicesLinksNav li.active .ourServicesLinkBtn{display: none;}*/
.ourServicesLinkImage {margin: 54px 0 0 0;width: calc(100% - 8px);}
.ourServicesLinkImage::after {transform: translate(8px, 8px);}

.whoWeAre .secHead .secTitle{padding-top: 24px;padding-bottom: 10px;}


.impactByNumbersContent .secHead .secTitle{font-size: 34px;}
.impactByNumbersBox:last-child{margin-bottom: 18px;}
.impactByNumbersBoxCount {font-size: 50px;margin: 0 0 20px 0;}
.impactByNumbersBoxWrap{padding: 18px 0 0 0;}
.impactByNumbersBoxWrap .btnLight{min-width: 153px;margin-top: 24px;margin-bottom: 12px;}


.getHelpBtnWrap .btn{width: 100%;display: block;padding-left: 15px;padding-right: 15px;}
.getHelpBtnWrap .btn~.btn{margin: 15px 0 0 0;}
.getHelpBtnWrap {margin: 25px 0;}
.getHelpContentContactBtn {font-size: 30px;}
.mainHeaderNavigationWrap {width: 100%;padding: 40px 15px;}
}

/* common css for below screen 479 */
@media only screen and (max-width: 479px) {
.impactByNumbersBox {max-width: unset;margin: 0px auto 18px auto;min-height: 205px;}

}

/* common css for below screen 350 */
@media screen and (max-width: 350px) {
.secSubHed{font-size: 14px;}
.ourServicesLinkTitle{font-size: 12px;}


}

/* common css for screen size between 568 to 991 */
@media only screen and (min-width: 767px) and (max-width: 991px) {
.ourServicesLinkImage{margin: 50px auto;}
.ourServicesContentBox .secHead{margin-bottom: 20px;}

.heroVideo{max-width: inherit; min-height: 570px; height: 570px;}

}