@charset "utf-8";
/* CSS Document */

@media screen and (min-width:320px) and (max-width:1900px){
.teamSec .midContainer:before{width:80%}
}

@media screen and (min-width:320px) and (max-width:1500px){
	.teamSec .midContainer:before{width:85%}
}

@media screen and (min-width:320px) and (max-width:1400px){
.layout1{width: 100%}
.layout2, .layout3,  .grid-sizer{width: 50%}
.newsBlock{font-size: 18px; line-height: 24px;}
.newsBlock li.layout3:before{padding-top: 100%}
.newsBlock li:before{display: none}
.newsBlock li > a > div{position: relative; padding-left:15px; padding-right:15px}
.newsBlock li:nth-child(2){border-top:5px solid #fff}
.newsBlock li:nth-child(3){border-bottom: 5px solid #fff}
.newsBlock li{position: static !important;}
.newsBlock ul{height: auto !important}
.newsBlock li:nth-child(1) > a > div{padding-right: 240px;}
.newsBlock li:nth-child(4) > a > div{padding-left: 240px}

.newsBlock li:nth-child(3) > a > div{padding-bottom: 250px;}

.newsBlock li:nth-child(4).layout1.layoutimgsec a{flex-direction: row-reverse;}
.newsBlock li.layoutimgsec.layout1 > a > div{height: auto; min-height: 250px;}
.newsBlock li.layoutimgsec > a{display: flex; flex-wrap: wrap; height: 100%}
.newsBlock li:nth-child(3).layoutimgsec > a > div{padding-bottom: 0; height: auto;}
.newsBlock li.layoutimgsec:nth-child(3) > a > div.layoutimg{min-height: 300px; height: auto;	}



#step1 .floatLeft{width: 70%;}
#step1 .floatRight{width: 30%;}
.dotnatecolumn{padding-right: 20px;}
.dotnatecolumn:last-child{padding-left: 20px;}

}

@media screen and (min-width:320px) and (max-width:1300px){
h2{font-size: 26px; line-height: 30px}
.donateFieldMain{padding: 100px 50px 20px}
.pagenotfound p{max-width: 60%}
#cn-notice-text {display: block; margin-bottom: 10px;}
.searchResult .searchandfilter > ul{padding-right: 128px}
.searchResult .searchandfilter > ul > li, .searchandfilter > ul > li.sf-field-post_date ul > li{padding: 0 5px}
.searchandfilter input[type="text"], .searchandfilter input[type="date"], .searchResult .searchandfilter > ul > li:last-child input[type="submit"], .searchandfilter select{font-size: 18px;}
.searchResult .searchandfilter > ul > li:last-child input[type="submit"]{line-height: 29px; height: 52px}
.searchandfilter > ul > li.sf-field-post_date{padding: 0;}

}


@media screen and (min-width:320px) and (max-width:1200px){
nav .menu-main-menu-container > ul > li > a{width: auto; padding-left:20px; padding-right:20px }


.backgroundImgtxt .midContainer > div{padding-left: 100px; padding-right: 100px;}
.footerTop .column.subscribeForm, .footerTop .column.addExternalLink{width: 50%}
.footerTop .column.addExternalLink > div:first-child{width: 100%; padding-right: 20px;}
.quoteSec li{padding-top:60px }
/* .quoteBox{font-size: 26px; line-height: 36px; padding: 48px 20px 31px} */
.quoteBox h3:before{margin-top: 38px}
/* .quoteBox:before{width: 72px; height: 52px; margin-top: 5px} */
.backgroundColorboxes .floatLeft{padding-right:30px}

.cardsSection ul li, .cardsSection.column4 ul li{padding-left:20px; padding-right:20px}
.cardsSection h2{padding-left:20px }
.videoDes{font-size: 26px; line-height: 36px; }
.newsListing .floatLeft li > div > div, .newsListing .floatRight{padding-left: 15px; padding-right: 15px}
.singleNews .floatLeft{padding-right: 50px}
.teamSec li div:last-child{padding-left: 30px;}

.featuredNews li > a > div > div{padding: 15px 15px 32px}
.dateCatname{font-size: 18px}
.featuredNews ul > li:nth-child(3) > a > div > div, .featuredNews ul > li:nth-child(4) > a > div > div{width: 100%}
.featuredNews ul > li:nth-child(3){border-bottom: 0}
.featuredNews li:nth-child(2):before{padding-top: 101.0%}
.featuredNews li:nth-child(2) > a > div > div{width: 80%}
.donateContentSec .floatLeft{padding-right: 50px;}
.donationAmt{max-width: 400px;}
.donationAmt li{width: 33.33%}
#step1 .floatLeft, #step1 .floatRight{width: 50%;}
#step1 .floatRight{padding-left: 20px}

.titleTextDesSec{padding-right:50px; }
.titleTextimg .titleTextimgRepeater:nth-child(even) .titleTextDesSec{padding-left: 50px }
.fullContainer{margin-top: 70px;}
.historyVideoBanennr .videoDes{bottom: 20px;}
.historyVideoBanennr .videoPoster{min-height: 350px}
.page-template-template-vacancies .filterSec{max-width: 80%;}
.footerTop .column.addExternalLink > div:first-child{padding-right: 0;}
.footerTop .column.addExternalLink > div > div:nth-child(2){padding-right: 10px;}
.footerTop .column.addExternalLink > div > div:last-child{padding-left: 10px;}
 }

@media screen and (min-width:320px) and (max-width:1150px){
.currencyTabs a{min-width: 200px}
}

@media screen and (min-width:320px) and (max-width:1100px){
h1/*, .introContent*/{font-size: 36px; line-height: 44px}
.bannerDes{font-size: 26px; line-height: 34px; width: 45%; padding: 30px 20px 30px 0}
.bannerImg{width: 55%}

.slide > div:last-child{padding: 27px 75px 28px 385px; font-size: 28px; line-height: 40px;}
.slick-next{right: 20px;}
.slick-prev{left: 20px}
.shortIntro .midContainer{padding-left: 50px; font-size: 28px; line-height: 40px}
.cardsSection ul li > div{padding-left: 15px; padding-right: 15px;}

.teamSec li div:first-child{width: 30%; padding-top: 7px;}
.teamSec li div:last-child{width: 70%;}
.flipbox{font-size: 16px; line-height: 22px;  padding-right: 60px;}

.flipbox{padding-left: 20px;}
.flipbox:nth-child(2n+3){padding-left: 60px; padding-right: 20px;}
.donateTopSec .floatLeft{width:70%}
.twoColumn ul.sub-menu, .threeColumn ul.sub-menu, .fourColumn ul.sub-menu{column-gap: 20px}
.blockline{width: 40px}
.flipbox:nth-child(odd) .blockline{left: -57px;}
.flipbox:nth-child(even) .blockline{right: -57px;}
.cardsSection.column4 ul li{width: 33.33%}
.teamRow.column > div > ul{column-gap: 20px;}
}

@media screen and (min-width:768px) and (max-width:1024px){
_::-webkit-full-page-media, _:future, :root .menteesForm.contactForm ul li textarea {height: 181px}

}

@media screen and (min-width:952px) and (max-width:1024px){
ul.mainMenu > li > .sub-menu > li, ul.topMenu > li > .sub-menu > li{padding-right: 50px}
ul.mainMenu > li > .sub-menu > li:last-child, ul.topMenu > li > .sub-menu > li:last-child{padding-right: 0}
ul.mainMenu > li > .sub-menu > li > ul.sub-menu li, ul.topMenu > li > .sub-menu > li > ul.sub-menu li{display: block; padding-bottom: 0}
ul.mainMenu > li > .sub-menu > li, ul.topMenu > li > .sub-menu{padding-left:20px; padding-right:20px}
ul.mainMenu > li > .sub-menu > li > a, ul.topMenu > li > .sub-menu > li > a{font-family: 'Gilroy-SemiBold'; margin-bottom: 24px; display: block; }
}

@media screen and (min-width:320px) and (max-width:1023px){


.single-news .newsListing .floatLeft li{width: 50%; margin-bottom: 10px;}

.newsListing .floatLeft li{width: 50%}
.dotnatecolumn{width: 100%; padding: 0 !important}
.titleTextDesSec{padding-right:30px; }
.titleTextDesSec:before{height: 100%}
.titleTextimg .titleTextimgRepeater:nth-child(even) .titleTextDesSec{padding-left: 30px }
.backgroundColorboxes li:nth-child(even) .floatLeft{padding-left: 30px;}
.newsListing.meetourpeople .floatLeft li{width: 33.33%}
footer{padding-bottom: 40px}
.footerTop .column.subscribeForm, .footerTop .column.addExternalLink{width: 100%;}
.footerTop .column.subscribeForm{padding-bottom: 40px;}
.footerTop .column.addExternalLink > div:first-child{width: 66.67%;}
.page-template-template-vacancies .filterSec{max-width: 100%}

.newsListing.meetourpeople .floatLeft .wallHonourList{grid-template-columns: repeat(3, 1fr);}
.regionBlock.newsListing .floatLeft li{width: 50%}

.searchResult .searchandfilter > ul{padding-right: 0}

.searchResult .searchandfilter  > ul > li{width: 50%; padding-bottom: 10px}
.searchResult .searchandfilter  > ul > li:last-child{padding-top: 0; padding-bottom: 0; width: 100%; position: static}
.searchandfilter > ul > li.sf-field-post_date{width: 100%;}
.footerTop .column.addExternalLink > div:first-child{padding-right: 20px;}
.currencyTabs a{min-width: 0; padding: 10px 18px;}
}


@media screen and (min-width:951px){
#mobMenu{display: none}
.newsListing .floatRight h2{pointer-events: none}
.newsListing .floatRight li.current-cat a {color: #00ddbf}
#sidebar h2{display: none}
nav .menu-main-menu-container > ul > li > a{padding-left:12px; padding-right:12px }
}

@media screen and (min-width:320px) and (max-width:950px){
body{background-color: #fff}
nav, .topMenu, nav .menu-main-menu-container > ul > li > a:before{display: none}
header{padding: 0;}
header .midContainer{padding-left: 0; padding-right: 0}
header.landingheader .midContainer{padding-left: 15px; padding-right: 15px}
.headerLogoMenu{padding-right: 15px; padding-bottom: 40px}
.searchIcon{position: absolute; right: 60px; top: 30px}
.headerTopmenu{padding: 0; border: 0}
.wpml-ls-legacy-dropdown a.wpml-ls-item-toggle{border:1px solid #491571; padding-left: 10px; padding-bottom: 11px;}
.resIcons{display: block}
.menuicon{width: 30px; height: 26px; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; transition: .5s ease-in-out; cursor: pointer; display: block; z-index: 22; float: right; margin-top: 12px; position: relative}
.menuicon span{  display: block; position: absolute; height: 4px; width: 100%; opacity: 1; left: 0; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .25s ease-in-out; -moz-transition: .25s ease-in-out; -o-transition: .25s ease-in-out;transition: .25s ease-in-out;}
.menuicon span:nth-child(1) {top: 0px;}
.menuicon span:nth-child(2), .menuicon span:nth-child(3){top: 8px;}
.menuicon span:nth-child(4) {top: 16px;}
.menuicon.active span:nth-child(1) {top: 18px; width: 0%; left: 50%;}
.menuicon.active span:nth-child(2) { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg);}
.menuicon.active span:nth-child(3) { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg);}
.menuicon.active span:nth-child(4) { top: 18px; width: 0%; left: 50%;}
nav .menu-main-menu-container > ul > li > a{text-align: left; font-family: 'Gilroy-Regular'; text-transform: none; color: #491571 !important}

.langSec{position: absolute; right: 100px; top: 24px;}

.backgroundColorboxes .floatLeft:before{width: 100%}
.backgroundColorboxes .floatLeft{padding: 24px 30px 13px 0}
.backgroundColorboxes .floatRight{padding-top: 15px}
.videoDes{padding: 0 20px; bottom: 38px}
.newsListing .midContainer{position: relative; }
.newsListing .floatLeft{width: 100%}
.newsListing .floatRight{position: absolute; right: 0; padding: 0 20px; top: 0; height: auto !important; width: 50%;  background-color:transparent; color: #fff}
.newsListing #sidebar{background-color: #00ddbf; color: #fff}
.newsListing .floatRight ul{display: none}
.newsListing .floatRight h2{margin-bottom: 0; font-size: 22px; line-height: normal; padding: 10px 50px 10px 15px; position: relative; cursor: pointer;}
.newsListing .floatRight h2:after {display: none}
.newsListing .floatRight h2:before{background: url(../images/dropdownArrow.svg) no-repeat 96% center; background-size: 24px 14px;  content: ""; position: absolute; right: 15px;  width: 24px; height: 14px; top: 17px;}
.newsListing .floatRight h2.active:before{transform: rotate(180deg)}
.newsListing .floatRight ul{padding: 10px 15px; border-top: 2px solid #fff;}
.newsListing .floatRight li{padding-bottom: 10px}
.newsListing .floatRight li a{color: #fff}
/* .newsListing .floatLeft li > div > div{padding-bottom:20px } */
.address{width: 30%}
.contactMap{width: 70%}
#searchform > div{padding:50px;}
#searchform input{padding-right: 60px;}
#searchform input[type="submit"]{right: 50px; top: 50px;}


#step1 .floatLeft, #step1 .floatRight{width: 100%; padding: 0 !important}
.donationAmt{max-width: 100%}
.donationAmt li{width: auto}
#step1 .floatLeft{margin-bottom: 10px}
.donationAmt h4{width: 90px; height: 90px; line-height: 90px;}
.donationAmt h4:before{width: 90px; height: 90px;}
.quoteSec ul li .quoteBox{width: 80%;}
.newsListing .floatRight h2.newsheading{display: none}
.mapContainer:before{padding-top: 100%;}
.historyVideoBanennr .videoDes{max-width: 100%}
.currencyTabs a{min-width: 0; }
.cardDetails .floatLeft{width:60%}

_::-webkit-full-page-media, _:future, :root .wpml-ls-legacy-dropdown a.wpml-ls-item-toggle { padding-top:8px; padding-bottom: 8px;}



.newsBlock li:nth-child(3).layout3.layoutimgsec > a > div{width: 100%;}
.teamRow.column > div > ul{column-count: 2}
}

@media screen and (min-width:320px) and (max-width:912px){
.menteesForm .wpcf7-form > div.floatLeft, .menteesForm .wpcf7-form > div.floatRight{width: 100%; padding: 0}
.menteesForm.contactForm ul li{width: 100%}
.footerSocial svg, .social svg{width: 36px; height: 36px; margin-right: 2px}
}

@media screen and (min-width:320px) and (max-width:851px){
.bannerDes{width: 100%; }
.bannerImg{width: 100%; padding-bottom: 15px}
.circleBg{display: none}
.slide > div:first-child{max-width: 200px}
.slide > div:last-child{padding-left: 220px; font-size: 26px; line-height: 34px}
.shortIntro > div{padding-bottom: 36px; padding-top: 29px}
.shortIntro .btn{position: static; margin: 10px 0 0}
.shortIntro .midContainer{padding-right: 50px}
.backgroundImgtxt .midContainer > div{padding-left: 50px; padding-right: 50px;}
.cardsSection ul li{width:50%; }

.featuredNews li:nth-child(2):before{padding-top: 100%;}
.featuredNews ul > li:nth-child(3), .featuredNews ul > li:nth-child(4){width: 50%}
.featuredNews ul > li:nth-child(3):before, .featuredNews ul > li:nth-child(4):before{display: none}
.featuredNews ul > li:nth-child(3)> a > div, .featuredNews ul > li:nth-child(4)> a > div{position: static}
.donateFieldMain{padding: 50px 20px 20px}
#step3 .floatLeft, #step3 .floatRight{width: 100%; padding: 0 !important}
#step3 li:last-child{margin-bottom: 0}

.notfoundtxt{font-size: 200px}
.pagenotfound .loader{width: 140px; height: 140px;}
.pagenotfound p{max-width: 80%;}
.flipbox{padding-left: 0;}
.flipbox:nth-child(2n+3){ padding-right: 0;}
.conuntryName{position: static; display: inline; max-width: 200px; padding: 0;  margin-bottom: 5px; background: transparent; color: #c1f76f !important; min-width: 0;}
.conuntryName:after{content: "-"; padding:0 5px 0 5px}
.page-template-template-vacancies .teamRow > h3{padding: 13px 50px 13px 15px}
.page-template-template-vacancies .teamRow > div, .accordionText .teamRow > div{padding: 30px 15px 40px 15px; background-color: #f6f3f8; margin-bottom: 30px}
 .page-template-template-team .teamRow > div{background-color: #f6f3f8; margin-bottom: 30px; padding-right: 15px; padding-left: 15px;}
 .page-template-template-team .teamRow > div > ul{padding: 30px 0;}

.cardsSection.column4 ul li{width:50%}
.featuredNews li{width: 100%}
.bankDetailsfield > ul li{width: 100%; padding: 0 !important}

}


@media screen and (min-width:768px) and (max-width:851px){
.post-wrapper .post .stem-overlay .icon{width: 80px; height: 80px; font-size: 26px; line-height: 80px; background-size: 80px 80px;}
.post-wrapper .post .stem-overlay .stem-mask{top: 80px;}
.stem-padding, .single-stem-icon, .post-wrapper .post .stem-overlay{width: 80px;}
.stem-wrapper .stem, .stem-wrapper .stem-background{left: -40px; width: 80px;}
.post-wrapper .post:last-child .stem-overlay .icon{font-size: 20px}
}




@media screen and (min-width:320px) and (max-width:767px){
h1{font-size: 30px; line-height: 40px}
input[type="text"], input[type="email"], input[type="password"], textarea, select, input[type="tel"]{font-size: 18px; padding: 12px 10px}
a.btn{padding-left: 30px; padding-right: 30px;}
a.btn.btnRegister {padding-right: 50px;}

input.btn{padding: 12px 20px 8px; font-size: 18px; line-height: 28px;}
.selectBox:after{width: 18px; height: 13px;}


.bannerDes{padding-bottom: 15px}
.bannerDes h1:after{margin-top: 10px}
.introContent{font-size: 24px; line-height: 34px;}
.introContent p:last-child, .textOnly p:last-child, .titleText p:last-child /*, .quoteBox h3:last-child */ {margin-bottom: 0}
.cardsSection .midContainer{padding-left: 15px; padding-right: 15px;}
.cardsSection ul li, .cardsSection.column4 ul li{padding-left: 10px; padding-right:10px}
.cardsSection h2{padding-left:10px}
.cardsSection > div{padding: 34px 0 5px}

footer{padding: 20px 0 20px; margin: 20px 0 0}
.page-template-template-wall-of-honor footer{margin-top: 0;}
.page-template-template-history footer{margin-top: 0;}

.footerlinks, .footerSocial{width: 100%; text-align: center}
.footerSocial{padding-top: 20px}
	.footerBottom{padding: 20px 0 0}
.vSpace{padding-top: 10px; padding-bottom: 10px;}
.introContent{padding-top: 31px; padding-bottom: 31px;}
.introContent br{display: none}
.textOnly > div{padding-top:30px; padding-bottom: 30px; font-size: 20px; line-height: 32px}

.slide > div{min-height: 0}
.slide > div:first-child{max-width: 100%; position: static;  padding: 20px}
.slide > div:first-child img {top: auto; margin-top: 0;}
.slide > div:last-child{padding-left:40px; padding-right: 40px; text-align: center; background-color: #491571}
.slide h2:after{margin-left: auto; margin-right: auto}
.slick-prev, .slick-next{top: 70px; margin-top: 0}
.shortIntro .midContainer{padding-left: 20px; padding-right: 20px}
.midContainer.removeSpacing{padding-right: 20px}

.titleTextDesSec:before{width:100%; height:100%}
.titleTextimgSec{padding-bottom: 0}
.titleTextimgSec{padding-top:20px;}
.titleTextDesSec, .titleTextimgSec{padding-bottom:20px;}
.titleTextDesSec{ padding-top:20px; }

.quoteBox{position: static; width: 100%; padding-left:15px; padding-right:15px; clear: both; overflow: hidden;}
.quoteSec ul li .quoteBox{width: 100%;}
.quoteSec li{margin-bottom: 0; padding-top: 20px}
.quoteBox:before{width: 70px; height: 70px; margin-right: 10px; margin-top: -10px;}
.videoQuoteSec .midContainer{padding-top: 0}
.videoQuoteSec > div{background: none !important;}
.videoQuoteSec > div > .midContainer{padding: 0}
.videoQuoteSec .quoteBox{bottom: auto;}
.videoQuoteSec img{display: block}
.videoQuoteSec .floatLeft{width: 100%;}
.videoPoster a, .videoQuoteSec .floatLeft > a{background-size: 75px 75px; }
.videoDes{ position: static; padding: 15px}
.imgPlayicon{position: relative;}
.singleNews .floatLeft, .donateContentSec .floatLeft{width: 100%; padding:17px 0 0 0}
.singleNews .midContainer:before, .donateContentSec .midContainer .floatLeft::before {width: 100%}
.singleNews .floatRight, .donateContentSec .floatRight{width: 100%; padding-top: 0; padding-bottom: 20px}
.singleNews .floatRight{padding-top: 15px;}
.donateContentSec .floatRight{padding-top: 20px}

.address, .contactMap{width: 100%}
.address:before{width: 100%; height: 100%}
.contactMap{padding: 20px 0}
.teamSec .midContainer:before{width: 100%}
.teamSec li div:first-child{width: 30%}
.teamSec li div:last-child{width: 70%; padding-left: 20px}

.backgroundColorboxes .floatRight{width: 100%}
.backgroundColorboxes .floatLeft{width: 100%; display: block; padding-right: 0 !important; padding-left: 0 !important}
.backgroundColorboxes li{margin-bottom: 20px}
.videoQuoteSec{margin-bottom: 0px;}
.donationAmt li{padding-right: 10px}
.donateFieldMain{padding: 20px 15px}

.donateTab h2{padding: 14px 20px 20px 20px}
.single .newsListing .midContainer > h2{margin-bottom: 30px; margin-top: 20px}
.single .newsListing .floatLeft{padding-top: 10px}
.donateContentSec .midContainer .floatLeft:before{height: 100%}
.newsListing.meetourpeople .floatLeft li{width: 50%}
.newsListing.meetourpeople .floatLeft .wallHonourList{grid-template-columns: repeat(2, 1fr);}

.filterSec h4{left: 10px; top: 0}
.filterSec{padding: 40px 0 50px 0;}
.footerTop .column.subscribeForm, .footerTop .column.addExternalLink{width: 100%; padding-bottom: 20px;}
.footerTop .column.addExternalLink > div:first-child, .footerTop .column.addExternalLink > div:nth-child(2){width: 100%; padding-right: 0}
.flip-container:before{display: none !important;}
.flipbox{padding: 0 30px 20px!important; width: 100%;}
.post-wrapper .post{padding: 160px 0 60px;}
.flipbox img{width: 100%;}
.flip-container, .flip-container .front, .flip-container .back{max-height: none}
.fullContainer{margin-top: 0; margin-bottom: 0;}
.fullContainer .frontDes{padding-left: 15px; padding-right: 15px;}
.historyVideoBanennr .videoDes{position: absolute;}
.historyVideoBanennr .videoPoster a{top: -100px;}
.quotetxt{min-height: 50px}
/* wall Of Honour */
.titletxt{font-size: 24px; line-height: 38px; }
.subtitletxt{font-size: 26px}
.cardDetails .floatLeft{width:80%}
.donateTopSec > div::after{display: none}
.donateTopSec .floatLeft{width:100%; padding: 34px 0 10px 0}
.blockline{display: none}
.currencyTabs a{min-width: 0; padding: 10px 20px;}

.PasswordFormContent{ padding-top:20px; padding-bottom: 20px;}
.PasswordForm{ padding:20px;}
}

@media screen and (min-width:0) and (max-width:900px){
.column2, .column3, .formContainer .column2, .formContainer .column3{column-count: 1}

}

@media screen and (min-width:501px) and (max-width:767px){
.currencyTabs a{min-width: calc(50% - 5px); margin-right: 5px;}
.currencyTabs a:nth-child(2n+1){margin-right: 0; margin-left: 5px; margin-bottom: 10px;}
}


@media screen and (min-width:320px) and (max-width:640px){
h5{margin-bottom: 15px;}
.bannerDes, .backgroundImgtxt .midContainer > div, .videoDes, .shortIntro .midContainer{font-size: 22px; line-height: 28px;}
.titleText > div, /*.quoteBox,*/ .newsBlock{font-size: 20px; line-height: 28px;}
/* .quoteBox{padding-top: 28px; padding-bottom: 28px;} */
.quoteBox h3:before{margin-top: 25px;}
.backgroundImgtxt .midContainer > div{ padding: 33px 15px 40px }

.footerTop{padding: 0 0 20px 0 }
.footerTop .column.subscribeForm{width: 100%; padding-bottom: 15px;}
.cardsSection ul li{width: 100%; padding: 0; margin-bottom: 55px;}
.cardsSection ul li.rmvmorespace > a{padding-bottom: 20px}
.cardsSection h2{padding-left: 0}
.videoPoster a, .videoQuoteSec .floatLeft > a{background-size: 50px 50px; }
.contactForm ul.formField{column-count: 1}
.contactForm ul li{width: 100%; margin-bottom: 15px}
form span.wpcf7-list-item{margin-right: 10px}
.formtxtField li, .formtxtField li:nth-last-child(2) .kc_captcha > span{padding-left: 20px; padding-right: 20px;}
.map{height: 400px}
#searchform > div{padding: 20px;}
#searchform input[type="submit"]{right: 30px; top: 35px; background-size: 24px 24px; width: 30px; height: 30px;}
#searchform input{padding-right: 45px; font-size:26px}
.featuredNews li:nth-child(2) > a > div > div, .featuredNews ul > li:nth-child(3), .featuredNews ul > li:nth-child(4){width: 100%}
.newsBlock li{width: 100% !important}
.newsBlock li > a > div:after{display: none}
.newsBlock li > a > div{padding:15px !important}


.filterSec{padding-bottom: 30px;}
.filterSec > div{width: 50%; padding-left:5px; padding-right:5px; padding-bottom: 10px}
.filterSec > div:last-child{width: 100%}
.page-template-template-vacancies .filterSec > div{width: 100%}
/* .currencyTabs{padding-bottom: 20px}
.currencyTabs a{min-width: 0; padding: 10px 15px; font-size:16px } */
.newsBlock li.layoutimgsec{display: block;}
.newsBlock li.layoutimgsec > a > div, .newsBlock li.layoutimgsec:nth-child(3) > a > div{width: 100% !important}
.layoutimg{display: none !important}
.newsBlock li:nth-child(5){border: 5px solid #fff;}
.cardsSection.column4 ul li{width:100%}
.backgroundImgtxt.linkwithouttxt .textContainer a.btn{padding-left: 15px; padding-right: 15px; font-size: 20px;}

.column2, .column3, .formContainer .column2, .formContainer .column3{column-count: 1; column-gap: 0}
.teamRow.column > div > ul{column-count: 1; column-gap: 0}

 .page-template-template-team .teamRow > div > ul > li div:first-child{width: 100%;}
 .page-template-template-team .teamRow > div > ul > li div:first-child img{width: 100%}
 .page-template-template-team .teamRow > div > ul > li div:last-child{width: 100%; padding-left: 0; padding-top: 20px;}
}





@media screen and (min-width:320px) and (max-width:550px){
	.cardsSection h3{line-height: 22px;}
h3{font-size: 20px; line-height: 26px;}
h4{font-size: 18px; line-height: 30px;}
.headerLogoMenu{padding-bottom: 20px;}
.logo img{width: 250px;}
.searchIcon{top: 26px;}
.menuicon{margin-top: 7px}

.logo{width: 100%; border-bottom: 1px solid #491571; padding-bottom: 15px; text-align: center;}
.menuicon{margin-top: 18px}
.searchIcon{top: 105px}

.langSec{top: 98px;}
.slide > div:last-child{padding-left: 15px; padding-right: 15px;}
.slide > div:first-child img{width: 100px; height: auto}
.slick-prev, .slick-next{background-size: 20px 32px; top: 38px}
.shortIntro .midContainer{padding-left: 15px}
.midContainer.removeSpacing{padding-right: 15px}


.newsListing .midContainer > h2{padding: 0}
.newsListing .floatLeft{padding:70px 0 0;}
.newsListing .floatLeft li{width: 100%; padding: 0}
.newsListing .floatRight{width: 100%; padding: 0 10px; top: 86px}
.single-news .newsListing .floatLeft li{width: 100%}
.map{height: 300px}
.featuredNews li:nth-child(2):before{padding-top: 120%}
.featuredNews li > a > div > div{padding: 15px}
.donationAmt h4{width: 80px; height: 80px; line-height: 80px;}
.donationAmt h4:before{width: 80px; height: 80px;}

.donateTab li{border-right: 3px solid #fff; border-left: 3px solid #fff;}
.donateTab li h2{font-size: 20px; line-height: 23px; border-bottom: 5px solid #fff;}
.donateTab li h2:after{width: 50px; margin-top: 8px}
.btnContainer{padding-top: 20px !important;}

.notfoundtxt{font-size: 120px}
.pagenotfound .loader{width: 80px; height: 80px;}
.pagenotfound p{max-width: 100%;}

.newsListing.meetourpeople .floatLeft{padding: 0}
.newsListing.meetourpeople .floatLeft li{width: 100%}
.footerTop .column.addExternalLink > div > div{width: 100%;}
.newsListing.meetourpeople .floatLeft .wallHonourList{grid-template-columns: repeat(1, 1fr);}
.cardsSection h3{line-height: 22px;}



.titleTextDesSec, .titleTextimgSec{width:100%;}
.titleTextDesSec{padding-right: 0}

.titleTextimg .titleTextimgRepeater{margin-top:0}
.titleTextimg .titleTextimgRepeater:nth-child(even) .titleTextDesSec:before{background-color:#fff}
.titleTextimg .titleTextimgRepeater:nth-child(even) .titleTextDesSec{padding: 20px 0 0;}
.regionBlock.newsListing .floatLeft li{width: 100%}
.footerTop .column.addExternalLink > div > div:nth-child(2){padding-right: 0;}
.footerTop .column.addExternalLink > div > div:last-child{padding-left: 0;}
.footerSingleLogo{padding-top: 20px;}
}

@media screen and (min-width:320px) and (max-width:500px){
.currencyTabs a{min-width: 0; display: block; max-width: 100%; margin: 0 0 10px;}
}

@media screen and (min-width:320px) and (max-width:480px){
.teamSec li div:first-child, .teamSec li div:last-child{ width: 100%}
.teamSec li div:last-child{padding: 20px 0 0}
.teamSec li div:first-child img{width: 100%}
.menteesForm ul li.checkboxField{padding-left: 20px;}
.menteesForm ul li.checkboxField > span{position: static; float: left; width: 40px}
.flipbox{padding: 0 0 20px!important; width: 100%;}
.cardDetails .floatLeft{width:100%; padding-right: 0}
 .expiryDates .selectBox{margin-right: 5px; width: calc(33.33% - 5px);}

 .searchResult .searchandfilter > ul > li{width: 100%;}
}

@media screen and (min-width:320px) and (max-width:400px){

.filterSec > div{width: 100%}
.expiryDates .selectBox:after{
background-size: 12px;
right: 2px;
}
}


@media screen and (min-width:320px) and (max-width:370px){
.menu-footer-menu-container{padding-top: 10px}
.footerMenu li{display: block}
.footerMenu li:after{display: none}
form span.wpcf7-list-item{margin-right: 8px;}
.formtxtField li:first-child input[type="checkbox"] + label span, .donateformtxtField li input[type="checkbox"] + label span{margin-right: 7px}





}