/* fonts new */
@font-face {
    font-family:'Gilroy-Light';
    src: url('css/fonts/new-fonts/Gilroy-Light.eot');
    src: url('css/fonts/new-fonts/Gilroy-Light.eot?#iefix') format('embedded-opentype'),
        url('css/fonts/new-fonts/Gilroy-Light.woff2') format('woff2'),
        url('css/fonts/new-fonts/Gilroy-Light.woff') format('woff'),
        url('css/fonts/new-fonts/Gilroy-Light.ttf') format('truetype'),
        url('css/fonts/new-fonts/Gilroy-Light.svg#Gilroy-Light') format('svg');
    font-weight:300;
    font-style:normal;
    font-display:swap;
}

@font-face {
font-family:'Gilroy-Medium';
src: url('css/fonts/new-fonts/Gilroy-Medium.eot');
src: url('css/fonts/new-fonts/Gilroy-Medium.eot?#iefix') format('embedded-opentype'),
        url('css/fonts/new-fonts/Gilroy-Medium.woff2') format('woff2'),
        url('css/fonts/new-fonts/Gilroy-Medium.woff') format('woff'),
        url('css/fonts/new-fonts/Gilroy-Medium.ttf') format('truetype'),
        url('css/fonts/new-fonts/Gilroy-Medium.svg#Gilroy-Medium') format('svg');
font-weight:500;
font-style:normal;
font-display:swap;
}

/* common css start */
.content_1360{width:100%; max-width:1440px; padding:0 60px; margin:0 auto;}
body.page-template-template-home h1,
body.page-template-template-home h2,
body.page-template-template-home h3,
body.page-template-template-home h4,
body.page-template-template-home h5,
body.page-template-template-home h6{
    font-family:'Gilroy-Medium';
    font-weight:500;
    font-style:normal;
}
body.page-template-template-home h2::after{display:none;}

body.page-template-template-home h1{font-size:40px; line-height:48px;}
body.page-template-template-home h2, body.page-template-template-home .footerForm h5{font-size:25px; line-height:32px;}
body.page-template-template-home .footerForm h5{ margin:0;}
.boldInfo{font-family:'Gilroy-SemiBold'; font-weight:normal; font-style:normal;}

body.page-template-template-home a:hover{color:#794BA2; text-decoration:underline;}

body.page-template-template-home input[type="text"], 
body.page-template-template-home input[type="email"], 
body.page-template-template-home input[type="password"], 
body.page-template-template-home input[type="date"], 
body.page-template-template-home textarea, 
body.page-template-template-home select, 
body.page-template-template-home input[type="tel"], 
body.page-template-template-home input[type="number"]{
    font-family:'Gilroy-Medium';
    font-weight:500;
    font-style:normal;
    font-size:18px;
    line-height:22px;
    padding:8px 18px;
    border-radius:18px;
}
body.page-template-template-home strong, 
body.page-template-template-home b{
    font-family:'Gilroy-SemiBold';
    font-weight:normal;
    font-style:normal;
}

body.page-template-template-home input[type="submit"], body.page-template-template-home .btn{
    font-size:18px;
    line-height:22px;
    border-radius:18px;
    padding:6px 26px 8px 26px!important;
    font-family:'Gilroy-Medium';
    font-weight:500;
    font-style:normal;
    text-transform:none;
    letter-spacing:0;
}
body.page-template-template-home input[type="submit"]{min-width:140px;}

body.page-template-template-home input[type="submit"]:hover, 
body.page-template-template-home .btn:hover{
    background-color:#794BA2;
    border-color:#794BA2;
    color:#fff;
}

/* display flex*/

.flexAlign{
	display:-webkit-box;
	display:-webkit-flex;
	display:-ms-flexbox;
	display:flex;
    -webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}
.flexStretch{
    -webkit-box-align: stretch;
	-webkit-align-items: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;
}
.flexVerCenter{
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.flexHorCenter{
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.flexSpaceBetween{
    -webkit-box-pack:space-between;
    -webkit-justify-content: space-between;
    -ms-flex-pack: space-between;
    justify-content: space-between;}
/* display flex*/
.twoCol .col{width:50%;}
.threeCol .col{width:33.33%;}
.fourCol .col{width:25%;}

.iconBG, .cardInfo .btn, .wideNewsImageInfo .newsCard .btn, .homeBannerInfo .btn, .home-latestNewsListSec .cardBox .btn{
  -webkit-transition:all 0.3s ease-in-out;
  -moz-transition:all 0.3s ease-in-out;
  -o-transition:all 0.3s ease-in-out;
  transition:all 0.3s ease-in-out;
}

.secBottomSpace{padding-bottom: 80px;}

html, body{scroll-behavior:smooth;}
/* common css end */

/* header css start */
header.new-brand-header{padding:28px 0; padding-bottom: 0; position: relative;}
header.new-brand-header .logo{ opacity:0; left:-100px; position: relative;}
body.page-template-template-home .logo, body.page-template-template-home .footerLogo{ display:inline-block; line-height: 0;}
.logo a, .footerLogo a{display: block;}
body.page-template-template-home .logo img, body.page-template-template-home .footerLogo img{ max-width: 196px;}

.deskMenu{padding-top:6px;}
.deskMenu > ul{display:flex;}
.deskMenu ul > li{padding:0 14px 38px 14px;}
.deskMenu ul li a{    
    font-family:'Gilroy-Medium';
    font-weight:500;
    font-style:normal;
    font-size:15px;
    line-height:20px;
}
.deskMenu ul li a:hover{ text-decoration:none; color:#00ddbf;}
.deskMenu ul li.donate a{color:#00FFD4;}
.deskMenu ul li.donate a:hover{color:#491571;}

/* Menu */
nav li{display: inline-block; vertical-align: top; padding: 0 5px 70px}
nav .menu-main-menu-container > ul > li > a{padding:11px 5px; width: 215px; text-align: center; letter-spacing: 1.5px; text-transform: uppercase; font-family: 'Gilroy-Bold'}

/* Dropdown */
ul.mainMenu > li > .sub-menu, .topMenu > li > .sub-menu {display: none; padding: 40px 0 0; position: absolute; left: 0; top: 214px; width: 100%; min-width: 150px; z-index: 99; border-top-width: 5px; border-top-style: solid; border-bottom: 1px solid #fff}

/* ul.mainMenu > li > .sub-menu > div > li, ul.topMenu > li > .sub-menu > div > li{padding: 0 100px 50px 0} */
ul.mainMenu > li > .sub-menu > div > li, ul.topMenu > li > .sub-menu > div > li{padding: 0 6% 50px 0}
ul.mainMenu > li > .sub-menu > li:last-child, ul.topMenu > li > .sub-menu > li:last-child{padding-right: 0}
ul.mainMenu > li > .sub-menu > div > li > ul li, ul.topMenu > li > .sub-menu > div > li > ul li{display: block; padding: 0}
ul.mainMenu > li > .sub-menu > div > li > ul li ul li:before{ content: "."; display: inline-block; vertical-align: top; padding: 6px 5px 0 9px; font-size: 35px; line-height: 0}
ul.mainMenu > li > .sub-menu > div > li > a, ul.topMenu > li > .sub-menu > div > li > a{font-family: 'Gilroy-SemiBold'; margin-bottom: 24px; display: block;}
ul.mainMenu > li > .sub-menu a, ul.topMenu > li > .sub-menu a{color: #fff}
ul.mainMenu > li > .sub-menu a:hover, ul.topMenu > li > .sub-menu a:hover{color: #00ddbf}
.topMenu > li > .sub-menu li:after{display: none}
body.page-template-template-home .topMenu > li > .sub-menu{top:98px}

.twoColumn ul.sub-menu, .threeColumn ul.sub-menu, .fourColumn ul.sub-menu{column-gap: 50px}
.twoColumn ul.sub-menu{column-count: 2;}
.threeColumn ul.sub-menu{column-count: 3;}
.fourColumn ul.sub-menu{column-count: 4;}

.deskMenu ul li {
    display: inline-block;
    vertical-align: top;
  }
/* header css end */

/* homeIntroVideo start here */
/* body.page-template-template-home{ overflow: hidden;} */
/* body.page-template-template-home.hideVideo{ overflow:visible;}
body.page-template-template-home.hideVideo .homeIntroVideo{
    opacity:0;
    visibility: hidden; 
} */
.homeIntroVideo{
    width:100%; 
    height:100vh; 
    background-color:#ccc;
    position: relative;
    /* position:fixed;
    left:0;
    top:0;
    bottom: 0;
    right: 0; */
}

.vidHolder{width:100%; height:100vh;}
.vidHolder::before{
    content:'';
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top:0;
    background-color:rgba(000,000,000,0.20);
    z-index: 1;
}
.vidHolder video{ 
    width:100%;
    height:100vh;
    position:absolute;
    left:0;
    top:0;
    object-fit:cover;
    transform:scale(1.1);
}
.siteHolder{
    /* transform:translate(0, 100vh); */
    background-color:#fff;
}
.siteButton{position:absolute;
    z-index:1;
    left:60px;
    bottom:40px;
    width:50px;
    cursor: pointer;
}
.siteButton:hover .hoverColor{
    stroke:rgba(3,255,212,1)!important;
}
.siteHolder.slidePage{transform:translate(0, 0);}
.introLogo{
  /* position:absolute;
  left:60px;
  top:50%;
  z-index:1;
  width:100%; */
  /* transform:translate(0, -50%); */
  display:block;
  width:auto;
  height:104px;
}
.introLogo, .siteButton{  
    -webkit-transition:opacity 0.4s ease-in;
    -moz-transition:opacity 0.4s ease-in;
    -o-transition:opacity 0.4s ease-in;
    transition:opacity 0.4s ease-in;
    opacity: 0;
}
body.pageLoaded .introLogo, body.pageLoaded .siteButton{opacity:1;}

.vidLogo{ 
    padding:0 60px;
    display:flex;
    align-items:center;
    justify-content:flex-start;
    position:absolute; left:0; top:0; width:100%; height:100vh; z-index:1;}
/* homeIntroVideo end here */

/* new rows css start */

body.removeHero .homeIntroVideo{ height: 0;}
body.page-template-template-home.removeHero .logo{ opacity:1!important; left: 0!important;}

/* home hero css start */
.homeHeroContain{
    position:relative; 
    min-height:60vh; 
    padding:50px 0;
    display:flex;
    align-items:center;
    justify-content:flex-start;
    flex-wrap:wrap;
    overflow:hidden;
}
.homeHeroContain::before{
    content:'';
    width:100%;
    height:100%;
    position:absolute;
    left:0;
    top:0;
    z-index:1;
    background: rgb(255,255,255);
background: -moz-linear-gradient(270deg, rgba(255,255,255,0) 50%, rgba(70,20,115,0.9836135137648809) 80%, rgba(70,20,115,1) 100%);
background: -webkit-linear-gradient(270deg, rgba(255,255,255,0) 50%, rgba(70,20,115,0.9836135137648809) 80%, rgba(70,20,115,1) 100%);
background: linear-gradient(270deg, rgba(255,255,255,0) 50%, rgba(70,20,115,0.9836135137648809) 80%, rgba(70,20,115,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#461473",GradientType=1);    
}
.homeHeroShape{
    position:absolute;
    right:0;
    top:0;
    width:30%;
    max-width:500px;
    z-index:1;
}
.homeHeroShape svg{ width: 100%;}
.homeHeroContain .box{position:absolute; left:0; top:0; width:100%; height:100%;}
.homeHeroContain .box::before{padding-top:0;}
.homeHeroContain .content_1360{position:relative; z-index:1;}
.homeBannerInfo{max-width:500px; color:#fff;}
.homeBannerInfo h1{
    font-family:'Gilroy-Regular-NB';
    font-size:40px;
    line-height:46px;
    color:#03FFD4;
    margin: 0;
    padding:0 0 40px 0;
}
.homeBannerInfo .desc{font-size:26px; line-height:32px;}
.homeBannerInfo .desc p:last-of-type{ margin:0;}
.homeBannerInfo .btnHolder{padding-top:28px;}
.homeBannerInfo .btn{
    border:#00FFD4 solid 1px; 
    color:#00FFD4; 
    font-size:21px!important; 
    line-height:28px!important;
    border-radius:22px!important;
    min-width:176px;
    text-align:center;
}
.homeBannerInfo .btn:hover{background-color:#fff!important; border:#fff solid 1px!important; text-decoration:none; color:#461473!important;}
.homeBannerInfo .btn::before{display:none;}
/* home hero css end */

.home-quickLinksSec{}
.home-quickLinksSec .content_1360, .home-latestNewsListSec .content_1360{max-width:1470px;}
.home-quickLinksSec .col, .home-latestNewsListSec .col{padding:14px;}
.cardBox{
    background-color:#461473; 
    color:#fff; 
    height:100%;
    -moz-border-radius:10px;
    -webkit-border-radius:10px;
    -khtml-border-radius:10px;
    border-radius:10px;
    overflow:hidden;
    text-align:center;
}
.cardBox .cardInfo{padding:34px 20px 20px 20px; position:relative;}
.cardBox .cardInfo > div{ z-index: 1; position: relative;}
.cardBox .cardInfo::before{
    content:'';
    width:120px;
    height:120px;
    position:absolute;
    right:0;
    top:0;
    background-image:url('./images/quick-link-shape.svg');
    background-repeat:no-repeat;
    background-size: 120px;
    background-position: center center;
}
.cardBox .cardInfo h3{font-size:25px; line-height:32px; margin:0; padding:0 0 26px 0;}
.home-quickLinksSec .cardBox .cardInfo .btn{
    font-size:12px!important;
    line-height:12px!important; 
    padding:5px 20px 6px 20px!important;
}
.cardBox .cardInfo .btn{
    border:#00FFD4 solid 1px;
    color:#00FFD4;
    font-size:16px!important;
    line-height:18px!important;
    min-width:108px;
}
.cardBox .cardInfo .btn:hover{
    border:#fff solid 1px;
    color:#461473;
    background-color:#fff;
    text-decoration:none;
}
.cardBox .cardInfo a::before{display:none}

.home-latestNewsWideSec{}
.home-latestNewsWideSec .sectionTitle h2{margin:0; padding:0 0 40px 0;}
.wideNewsImageInfo{padding:50px 0; position:relative; min-height:60vh;}
.wideNewsImageInfo .newsCard h2 + .btnHolder{padding-top:0;}
.wideNewsImageInfo .box{position:absolute; left:0; top:0; width:100%; height:100%;}
.wideNewsImageInfo .box::before{padding-top:0;}
.wideNewsImageInfo .newsContainer{position:relative; z-index:4; display: flex; align-items: center; justify-content: flex-end;}

.wideNewsImageInfo .newsCard{
    max-width:420px;
    padding:28px;
    padding-top:60px;
    padding-bottom:36px;
    background-color:#03FFD4;
    -moz-border-radius:10px;
    -webkit-border-radius:10px;
    -khtml-border-radius:10px;
    border-radius:10px;
    position: relative;
}
.newsCard > div{position:relative; z-index:1;}
.wideNewsImageInfo .newsCard::before{
    content:'';
    width:150px;
    height:150px;
    position:absolute;
    right:0;
    top:0;
    background-image:url('./images/latest-news-link-shape.svg');
    background-repeat:no-repeat;
    background-size: 150px;
    background-position: center center;  
}
.wideNewsImageInfo .newsCard h2{font-size:35px; line-height:42px; margin:0; padding:0 0 40px 0; }
.wideNewsImageInfo .newsDate{font-size:30px; line-height:34px; color:#fff; padding:0 0 8px 0;}
.wideNewsImageInfo .newsCard .btn{background-color:transparent; color:#461473;}
.wideNewsImageInfo .newsCard .btn::before{display:none;}
.wideNewsImageInfo .newsCard .btn:hover{text-decoration:none;}
.newsCard .btnHolder{padding:50px 0 0 0;}


.home-latestNewsListSec{}
.home-latestNewsListSec .box::before{padding-top:72%;} 
.home-latestNewsListSec .cardBox .cardInfo::before{
    width:150px;
    height:150px;
    background-image:url('./images/latest-news-link-shape.svg');
    background-size:150px;
}

.home-latestNewsListSec .cardBox{text-align:left; color:#461473; position:relative; padding-bottom:68px;}
.home-latestNewsListSec .col:nth-of-type(3n+1) .cardBox{background-color:#FBFFE5;}
.home-latestNewsListSec .col:nth-of-type(3n+2) .cardBox{background-color:#E5FFFB;}
.home-latestNewsListSec .col:nth-of-type(3n+3) .cardBox{background-color:#ECE7F1;}

.home-latestNewsListSec .cardInfo h3{padding:0 0 2px 0;}
.dateTitleHolder{padding-bottom:0px;}
.home-latestNewsListSec .cardBox .cardInfo{padding:34px 34px 30px 34px;}
.home-latestNewsListSec .newsDate{
    font-size:25px; 
    line-height:30px;
    color:#794BA2;
    font-family:'Gilroy-Light';
    font-weight:300;
    font-style:normal;
}
.home-latestNewsListSec .cardInfo .btn, .home-latestNewsListSec .cardBox .btn{
    color:#461473;
    border:#461473 solid 1px;
    background-color:transparent;
}
.home-latestNewsListSec .cardBox .btn{
    position: absolute;
    left:34px;
    bottom:30px;
}
.home-latestNewsListSec .cardInfo .btn:hover, .home-latestNewsListSec .cardBox .btn:hover{
    background-color:#794BA2;
    border:#794BA2 solid 1px;
    color:#fff;
    text-decoration:none;
}

.home-latestNewsListSec .cardBox .btn::before{display:none!important;}
/* new rows css end */

#cookie-notice {
    font-size: 15px !important;
    background-color: #491571 !important;
    color: #ffffff !important;
  }
  #cookie-notice a{color:#03FFD4!important;}  
  #cn-accept-cookie, #cn-more-info{pointer-events:auto;}

/* footer css start */
footer.new-brand-footer{padding:0; margin:0;}
.new-brand-footer .TBspace{padding:28px 0;}
.new-brand-footer .footerTopSec.TBspace{padding-top:60px;}
.footerTopSec{background-color:#ECE7F1;}
.footerCotactInfo{padding-bottom:50px;}
.footerCotactInfo .sectionTitle{padding-bottom:46px;}
.footerCotactInfo .sectionTitle h2{margin:0;}
.footerCotactInfo .col{padding:0 20px;}
.col.footerContact{padding-left:0;}
.col.footerForm{padding-right:0;}

.col.footerForm .newsletterformContainer > p:last-child{margin:0; padding-top:18px;}
.col.footerForm .newsletterformContainer .ListCheckBox p{ margin: 0;}
.col.footerForm .newsletterformContainer > p span.wpcf7-form-control-wrap:last-of-type{ padding-bottom:0px;}

.footerContact .col{
    padding:0 20px 0 0; 
    font-family:'Gilroy-Medium';
    font-weight:500;
    font-style:normal;
    font-display:swap;
    width:auto;
    word-break:break-all;
}
.copyrightInfo{font-size:11px; line-height:18px;}
.copyrightInfo p{margin:0;}

body.page-template-template-home .wpcf7-form-control-wrap{padding: 0 0 18px 0;}

.footerBottomSec{background-color:#fff;}

ul.socialLinks{margin:0; padding:8px 0 0 28px; display:flex; list-style-type:none;}
ul.socialLinks li{line-height:0; padding:3px;}
ul.socialLinks li a{display:block;}
ul.socialLinks svg{width:26px; height:26px;}
ul.socialLinks li a:hover .iconBG{fill:#794BA2!important;}

.footerLinks{font-size:15px; line-height:22px;}
.footerLinks ul{list-style-type:none; display:flex; flex-wrap:wrap;}
.footerLinks ul li{padding:0 14px;}
.developedInfo{padding-left:14px;}


.ListCheckBox {
    background-color: #cfc2da;
    color: #fff;
    padding: 10px;
    border: 2px solid #cfc2da;
  }
.wpcf7-form-control-wrap {
    display: inline-block;
    padding: 8px 0 0;
    width: 100%;
  }
.newsletterCheckbox{display: block; padding-bottom: 5px}
.newsletterCheckbox:last-child{padding-bottom: 0}
.ListCheckBox.error{border-color: #f00}
.ListCheckBox .labelTitle{display: block;  padding-bottom: 5px}
.ListCheckBox input[type="checkbox"] { display: none; }
.ListCheckBox label{cursor: pointer; position: relative; padding-left: 24px; padding-right: 20px;}
.ListCheckBox input[type="checkbox"] + label span { display: inline-block; width: 18px; height: 18px; margin: -2px 10px 0 0; vertical-align: middle; background-color: #fff; position: absolute; left: 0; top: 5px}
.ListCheckBox input[type="checkbox"]:checked + label span {background-color: #491571}

.ListCheckBox input[type="checkbox"]:checked + label span:after{  left: 6px;
  content: "";
  position: absolute;
  top: 3px;
  width: 4px;
  height: 8px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg); display: block;}
/* footer css end */

/* Search panel */
.searchIconHome{ 
    float:right; 
    width:25px; 
    height:25px;
    background-color:#000;
    position:relative;
    top:10px;
    background:url(images/search.svg) no-repeat center center;
    background-size:25px 25px;
    cursor:pointer;
    margin-left:8px;
}
.overlay {position: fixed; width: 100%; height: 100%; top: 0; left: 0; z-index: 111111 }
.overlay > div.Vcenter{width: 100%}
.overlay-close { position: absolute; right: 32px; top: 32px;  width: 50px; height: 50px; opacity: 0.5; }
.overlay-close:hover {opacity: 1;}
.overlay-close:before, .overlay-close:after { position: absolute; left: 15px; content: ' '; height: 50px; width: 4px; background-color: #fff; }
.overlay-close:before {transform: rotate(45deg); }
.overlay-close:after {transform: rotate(-45deg);}
#container { overflow-x: hidden; -webkit-transition: -webkit-transform 0.5s; transition: transform 0.5s;}
#container.overlay-open {/*-webkit-transform: translateX(50%); transform: translateX(50%);*/ }
#container::after {content: ''; opacity: 0; visibility: hidden;position: absolute;top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.6); -webkit-transition: opacity 0.5s, visibility 0s 0.5s; transition: opacity 0.5s, visibility 0s 0.5s;}
#container.overlay-open::after { visibility: visible; opacity: 1; -webkit-transition: opacity 0.5s; transition: opacity 0.5s;  }
.overlay-contentpush { visibility: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform: translateX(100%); transform: translateX(100%); -webkit-transition: -webkit-transform 0.5s, visibility 0s 0.5s; transition: transform 0.5s, visibility 0s 0.5s;}
.overlay-contentpush.open {visibility: visible; -webkit-transform: translateX(0%); transform: translateX(0%); -webkit-transition: -webkit-transform 0.5s; transition: transform 0.5s;}

#searchform > div{padding: 100px; position: relative}
#searchform input {font-size: 32px; padding: 12px 60px 12px 20px;}
#searchform input[type="submit"]{background: url(images/search.svg) no-repeat center center; width: 64px; height: 64px; background-size: 30px 30px; cursor: pointer; position: absolute; right: 100px; top: 100px; transform: rotate(-90deg); font-size: 0; border: 0; padding: 0}

.searchResult li{display: block; padding: 30px; }
.searchResult li h3{margin-bottom: 5px}
.pagination{clear: both; overflow: hidden; margin: 50px 0 25px}

.searchResult a{text-decoration: none}
.postnotfound{text-align: center; padding-top: 50px}
.postnotfound h2:after{display: none}
.postnotfound img{width: 200px; margin: 0 auto 20px}

body.page-template-template-home #searchform input{border-radius:0;}
body.page-template-template-home #searchform input[type="submit"]{min-width:64px; width:64px; height:64px; padding:0!important;}
/* Search panel */


/* responsive code start */
@media screen and (min-width:320px) and (max-width:1536px){
  .secBottomSpace{padding-bottom:60px;}
  .home-quickLinksSec.secBottomSpace, 
  .home-latestNewsListSec.secBottomSpace,
  .home-latestNewsWideSec.secBottomSpace{ padding-bottom: 50px;}
  .home-latestNewsWideSec .sectionTitle h2{padding-bottom:28px;}
}
@media screen and (min-width:320px) and (max-width:1220px){
  .content_1360{padding-left:20px; padding-right:20px;}
  .home-quickLinksSec .col, .home-latestNewsListSec .col{padding:10px;}
  .home-quickLinksSec .content_1360, .home-latestNewsListSec .content_1360{ padding-left:10px; padding-right:10px;}
}

@media screen and (min-width:320px) and (max-width:1120px){
.footerLogoSec{padding-bottom:20px;}     
.footerLogoSec, .footerLinks{ 
    width:100%;
    display:flex;
    justify-content:center; 
    flex-wrap:wrap;
} 
.footerLinks ul li{padding:0 10px;}
.developedInfo{padding-left:10px;}
ul.socialLinks{padding:8px 0 0 12px;}   

.footerCotactInfo > .col:first-child{width:54%;}
.footerCotactInfo > .col:last-child{width:46%;}
}

@media screen and (min-width:320px) and (max-width:1000px){
    .footerContact .col{ width: 50%;}
}

  /* devices portrait phone landscape start  */
  @media screen and (min-width: 0px) and (max-width: 896px) {
    @media all and (orientation: landscape) {
        .homeHeroShape{width:34%;}
        .introLogo{
            height:60px;
            /* max-width:280px; */
        }
        .vidLogo{padding:0 20px;}
        .siteButton{left:20px;}

        .homeHeroContain{min-height:40vh;}
        body.page-template-template-home h1{font-size:32px; line-height:38px; padding:0 0 22px 0;}
        .homeBannerInfo{max-width:410px;}
        .homeBannerInfo .desc{font-size:22px; line-height:30px;}
        .homeBannerInfo .btn{font-size:18px!important; line-height:26px!important; min-width:160px;}

        .cardBox .cardInfo{padding: 24px 20px 20px 20px;}
        .cardBox .cardInfo h3{font-size:22px; line-height:30px; margin:0; padding:0 0 20px 0;}

        .home-latestNewsListSec .cardBox .cardInfo {padding:20px 20px 24px 20px;}
        .home-latestNewsListSec .cardBox .btn{left:20px;}
        .cardBox .cardInfo{padding:20px 20px 26px 20px;}
        .home-latestNewsListSec .cardBox .cardInfo h3{padding:0 0 6px 0;}
    }
    @media all and (orientation: portrait) {

        .vidHolder video{
            transform:scale(1.3);
        }
        .homeHeroContain{min-height:40vh;}
        body.page-template-template-home h1{font-size:32px; line-height:38px; padding:0 0 22px 0;}
        .homeBannerInfo{max-width:410px;}
        .homeBannerInfo .desc{font-size:22px; line-height:30px;}
        .homeBannerInfo .btn{font-size:18px!important; line-height:26px!important; min-width:160px;}

        .homeHeroShape{width:48%;}
        .introLogo{
            /* max-width:320px; */
            height:90px;
        }
        .vidLogo{padding:0 20px;}
        .siteButton{left:20px; width:40px; bottom: 60px;}

        .cardBox .cardInfo{padding: 24px 20px 20px 20px;}
        .cardBox .cardInfo h3{font-size:22px; line-height:30px; margin:0; padding:0 0 20px 0;}
    }
}


@media all and (device-width: 1024px) and (device-height: 768px) and (orientation: landscape),
  all and (device-width: 1180px) and (device-height: 820px) and (orientation: landscape),
  all and (device-width: 1080px) and (device-height: 810px) and (orientation: landscape),
  all and (device-width: 810px) and (device-height: 1080px) and (orientation: landscape),
  all and (device-width: 1194px) and (device-height: 834px) and (orientation: landscape),
  all and (device-width: 1366px) and (device-height: 1024px) and (orientation: landscape) {

    .homeHeroShape{width:34%;}
    .introLogo{
        height:90px;
        /* max-width:340px; */
    }
    .vidLogo{padding:0 40px;}
    .siteButton{left:40px;}

    .vidHolder video{transform: scale(1.2);}

    .homeHeroContain{min-height:40vh;}
    body.page-template-template-home h1{font-size:32px; line-height:38px; padding:0 0 22px 0;}
    .homeBannerInfo{max-width:410px;}
    .homeBannerInfo .desc{font-size:22px; line-height:30px;}
    .homeBannerInfo .btn{font-size:18px!important; line-height:26px!important; min-width:160px;}

    .cardBox .cardInfo{padding: 24px 20px 20px 20px;}
    .cardBox .cardInfo h3{font-size:22px; line-height:30px; margin:0; padding:0 0 20px 0;}
}

    /* ipad pro 12inch start */
    @media all and (device-width: 1024px) and (device-height: 1366px) and (orientation: portrait) {
    .homeHeroShape{width:40%;}
    .introLogo{
        /* max-width:340px; */
        height:90px;
    }
    .vidLogo{padding:0 20px;}
    .siteButton{left:20px;}

    .homeHeroContain{min-height:32vh;}
    body.page-template-template-home h1{font-size:32px; line-height:38px; padding:0 0 22px 0;}
    .homeBannerInfo{max-width:410px;}
    .homeBannerInfo .desc{font-size:22px; line-height:30px;}
    .homeBannerInfo .btn{font-size:18px!important; line-height:26px!important; min-width:160px;}
    }


@media screen and (min-width:320px) and (max-width:1023px){
    .home-quickLinksSec .fourCol .col{width:33.33%;}
}

@media screen and (min-width:320px) and (max-width:950px){
    header.new-brand-header{padding:28px 0;}
    .searchIconHome{position:absolute; right:62px; top:36px;}
}

@media screen and (min-width:320px) and (max-width:900px){
    .home-quickLinksSec .fourCol .col,
    .home-latestNewsListSec .threeCol .col{width:50%;}

    .secBottomSpace{padding-bottom:40px;}
    .home-quickLinksSec.secBottomSpace, 
    .home-latestNewsListSec.secBottomSpace,
    .home-latestNewsWideSec.secBottomSpace{padding-bottom:30px;}

    .new-brand-footer .footerTopSec.TBspace{padding-top:40px;}
    .footerTopSec .twoCol > .col{width:100%; padding-right:0; padding-left:0;}
    .footerCotactInfo .sectionTitle{padding-bottom:20px;}
    .footerCotactInfo{padding-bottom:30px;}

    .footerCotactInfo .sectionTitle{ padding-bottom: 12px;}
    .footerContact p{margin:0 0 8px 0;}

    .footerCotactInfo > .col{padding-bottom:20px;}
    .footerCotactInfo .col:last-child{padding-bottom:0;}
}

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

    body.page-template-template-home #searchform input[type="submit"]{right:30px; top:35px; width:30px; height:30px; min-width:30px;}
    .footerLinks ul{justify-content:center;}
    .footerLinks ul li{padding:2px 6px;}
    .developedInfo{padding:6px 0 0 0; text-align:center; width:100%;;}
}

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

    .searchIconHome{top:26px}

    .homeHeroShape{width:34%;}
    .vidLogo{padding:0 20px;}
    .introLogo{
        height:70px;
        /* max-width:220px; */
    }
    .siteButton{left:20px; bottom:80px;}

    header.new-brand-header{padding:20px 0;}
    body.page-template-template-home .logo img, 
    body.page-template-template-home .footerLogo img{max-width:160px;}
    header.new-brand-header .menuicon {margin-top:8px;}
    body.page-template-template-home .logo{width:160px; border-bottom:0; padding-bottom:0;}

    body.page-template-template-home h1{font-size:28px; line-height:36px; padding:0 0 16px 0;}
    .homeBannerInfo .desc{font-size:20px; line-height:26px;}

    .home-quickLinksSec .fourCol .col,
    .home-latestNewsListSec .threeCol .col{width:100%; padding-top:0px; padding-bottom:30px;}
    .home-quickLinksSec .fourCol .col:last-child,
    .home-latestNewsListSec .threeCol .col:last-child{padding-bottom:0px;}
    .home-latestNewsWideSec .sectionTitle h2{padding-bottom:20px;}
    .home-quickLinksSec.secBottomSpace, 
    .home-latestNewsListSec.secBottomSpace,
    .home-latestNewsWideSec.secBottomSpace{padding-bottom:40px;}

    .homeHeroContain, .wideNewsImageInfo{padding:0;}
    .homeHeroContain .box, .wideNewsImageInfo .box{position:relative; order:1;}
    .homeHeroContain .box::before, .wideNewsImageInfo .box::before{padding-top:60%;}
    .homeHeroContain .content_1360{order:2; padding-top:40px; padding-bottom:40px; background-color:#461473;}
    .wideNewsImageInfo .newsContainer{order:2; padding-top:40px; justify-content:center;}
    .wideNewsImageInfo{display:flex; flex-wrap:wrap;}

    .home-latestNewsListSec .cardBox .cardInfo {padding:20px 20px 24px 20px;}
    .home-latestNewsListSec .cardBox .btn{left:20px;}
    .cardBox .cardInfo{padding:20px 20px 26px 20px;}
    .home-latestNewsListSec .cardBox .cardInfo h3{padding:0 0 6px 0;}

    .wideNewsImageInfo .newsCard::before{
       width:120px;
       height:120px;
       background-size:120px;
    }
    .wideNewsImageInfo .newsCard{
      padding:20px;
      padding-top:40px;
      padding-bottom:28px;
    }
    .wideNewsImageInfo .newsCard h2{
      font-size:30px;
      line-height:38px;
      margin:0;
      padding:0 0 24px 0;
    }
    .newsCard .btnHolder{ padding:28px 0 0 0;}

    .footerCotactInfo{padding-bottom:30px;}
    .footerCotactInfo .sectionTitle{padding-bottom:10px;}
    .footerCotactInfo .col{width:100%; padding:0 0 14px 0;}
    body.page-template-template-home .footerLogo{margin:0 auto;}
    ul.socialLinks{width:100%; justify-content:center; padding:12px 0 0 0;}
    .footerLogoSec{padding-bottom:20px;}
    .footerLinks .menu-footer-menu-container{ padding:0;}

    .developedInfo{padding:6px 0 0 0;}
}

@media screen and (min-width:320px) and (max-width:480px){
    .wideNewsImageInfo .newsCard h2{padding-right:0px;}
}

@media screen and (min-width:320px) and (max-width:375px){
    .introLogo{height:58px;}
}
/* responsive code end */