/* Typography */


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

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

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




/* // End typography */


/*font-family: 'Open Sans', sans-serif;*/



/*	Resets
------	*/

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, hr, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figure, figcaption, hgroup, menu, footer, header, nav, section, summary, time, mark, audio, video {margin: 0; padding: 0; border: 0; }

ul{list-style: none;} 
article, aside, canvas, figure, figure img, figcaption, hgroup, footer, header, nav, section, audio, video{display: block;}

blockquote, q{quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after{content: ''; content: none;}
table{border-collapse: collapse; border-spacing: 0;}
b, strong{font-weight: bold;}
[type="checkbox"], [type="radio"]{box-sizing: border-box; padding: 0;}
[type="search"]{appearance: textfield; -webkit-appearance: textfield; outline-offset: -2px;}
[type="search"]::-webkit-search-decoration{-webkit-appearance: none;}
::-webkit-file-upload-button{-webkit-appearance: button; font: inherit;}

.clear:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}
a img{border:0; width: auto; height: auto; max-width: 100%; vertical-align: bottom; border-style: none;}
a,input,select,textarea{outline:none;}
img{width: 100%; height: auto; max-width: 100%; vertical-align: middle; border-style: none;}

/* Selection colours (easy to forget) */
img::selection{background: transparent;}
img::-moz-selection{background: transparent;}
a{text-decoration: none; display: inline-block;}

input[type='number']{appearance:textfield; -moz-appearance:textfield;}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button{-webkit-appearance: none;}
input::-moz-focus-inner{border:0; padding: 0; }
input:invalid,
input:required{box-shadow: none;}
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration{display: none;}
input:required { box-shadow:none; }
input::-moz-focus-inner{box-shadow:0 0 0px transparent;}

/*		Default Layout 
-------------------------------------------------------------------------------
*/



body{background: rgb(255,255,255); color: #666; -webkit-text-size-adjust: 100%; -moz-text-size-adjust:100%; -moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased; overflow-x: hidden; overflow-y:auto; font-size: 18px; line-height: 30px; font-family: 'Open Sans', sans-serif; font-weight: 400; }

*{-webkit-box-sizing: border-box;-moz-box-sizing:border-box; box-sizing: border-box;}

/* ======================== Global style ========================= */
h1{ font-size: 72px;line-height: 80px;}
h2{ font-size: 50px;line-height: 60px;}
h3{ font-size: 36px;line-height: 46px; }
h4{ font-size: 30px;line-height: 40px;}
h5{ font-size: 24px;line-height: 32px;}
h6{ font-size: 20px;line-height: 30px;margin-top: 20px; }

h1,h2,h3,h4,h5,h6{  font-family: 'HelveticaNeue'; font-weight: 300;   color:#f7a81b}
h6{ color: #091b27; }

p{ float: left; width: 100%;margin-top: 20px;}
dfn, address, em{font-style: normal;}
label, input[type="submit"]{cursor: pointer;}
button:focus{outline: none;}
.btn{margin-top: 30px; -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; transition: all .4s ease-in-out; line-height: 44px; height: 44px; color: white;text-align:center;border: 1px solid transparent; border-radius: 50px;}
.btn.large{width: 350px}
.btn.medium{width: 250px}
.btn.small{width: 135px}
.transparent-yellow{border: 1px solid orange; color: orange; }
.transparent-yellow:hover{background: green ;}
.transparent-green{border: 1px solid #32cd32; color: #32cd32;}
.transparent-green:hover{background:  #32cd32; color: white;}
.full-wide{float: left; width: 100%; text-align: center;}
.half-wide{float: left; width: 50%;}
.btn-white{background-color: white;color: #0770b1;}
.btn-white:hover{background-color: transparent; color: white;}
.btn-whtie-transparent{border-color: white; color: white;}
.btn-whtie-transparent:hover{background: white; color:#000000;}
.btn-dark-yellow{background: #f7a81b}
.btn-dark-yellow:hover{background: #0770b1;}
.btn-blue{background:  #0770b1;color: white;}
.btn-blue:hover{background:  #f7a81b}
.btn-green{background: green ; color: orange;border: 1px solid orange;}
.btn-green:hover{background: transparent}
.lead-text{font-size: 22px;line-height: 32px; font-weight: 500; margin-top: 40px;}
.ass-bg{background: #f3f3f3;;}
.deep-black-bg{background: #091b27;}
.deep-rose-bg{background: #fff5fd;}
.deep-orange-bg{background: #f9f7f5}
.gray-bg{background: #f3f4f8;;}
.plutinum-gray-bg{background: #E5E4E2	;}
.deep-blue-bg{background: #0770b11a;}
.primary-bg{ background:  #0770b1}

/* ======================== End Global style ========================= */


/* ====================== Common Style ================================ */
.common-wrap{max-width: 1280px; margin: 0 auto; clear: both; padding: 0 20px;}
section, footer, header{float: left; width: 100%; position: relative;}
body,html{height: 100%;}
.main-wrap{min-height: 100%; overflow: hidden; position: relative; overflow-x: hidden;}
.bg-property{background-repeat: no-repeat; background-position: center center; background-size: cover; min-height: 450px;}
.d-flex{display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-flow: row wrap; flex-flow: row wrap; -webkit-box-pack: justify; -moz-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; }
.flex-center{-webkit-box-align: center; align-items: center;}
.absolute-property{position: absolute; left: 0; top: 0; width: 100%; bottom: 0; right: 0;}
.p-relative{position: relative;}
.overlay-bg::before{position: absolute; left: 0; top: 0; bottom: 0; right: 0; width: 100%; height: 100%; content: ''; background:rgba(0,0,0,0.4); z-index:1;}
.half-width{float: left; width: 50%;}
.text-center{width: 100%; text-align: center;}
.title-text{float: left; width: 100%;}
.float-wide{float: left; width: 100%;}
.pty-high{padding:80px 0 }
.pty-medium{padding:60px 0 }
.pty-small{padding:40px 0 }
.line-arrow,.heading-arrow{position: relative;padding-bottom: 15px;}
.line-arrow::before,.heading-arrow::before{position: absolute; left: 50%; transform: translateX(-50%);  bottom: 0; width: 100px; height: 4px; content: ''; background: #0770b1;}
.heading-arrow{padding-bottom: 30px;}
.heading-arrow h2{font-size: 32px; line-height: 46px; font-weight: bold;background: #0770b1; padding:6px 10px; text-transform: uppercase;}
 /* ====================== End Common Style =========================== */   


/* ======================= Beginning Header Style ===================== */
.main-header-section{position: fixed; left: 0; top: 0; width: 100%;z-index: 100; background: white;  -webkit-transition: all 0.35s ease;-moz-transition: all 0.35s ease; transition: all 0.35s ease;}
.logo-wrap{float: left; width: 85px;}
.main-logo{float: left; width: 100%;}
.nav-wrap{float: left; width:-webkit-calc(100% - 85px); width:calc(100% - 85px); padding-left: 30px;}
.main-nav{float: right; width: auto;-webkit-transition: all 0.35s ease;-moz-transition: all 0.35s ease; transition: all 0.35s ease; }
.main-nav ul{text-align:right;}
.main-nav ul li{display: inline-block; margin: 0 6px;position: relative}
.main-nav ul li a{display:inline-block; color: #0770b1; padding: 27px 10px; font-size: 14px; line-height:31px; -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; transition: all .4s ease-in-out; text-transform: uppercase; }
.main-nav ul > li.hasNav > a{position: relative;padding-right: 40px; }
.main-nav ul > li.hasNav > a::after{ position: absolute; right: 10px; top: 50%;  -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); transform: translateY(-50%); width: 15px; height: 20px; content: ''; background-image: url(../imgs/dropdown-arrow-blue.png); background-repeat: no-repeat; background-size: 15px; background-position: right center;} .main-nav ul > li.hasNav > a:hover::after,.main-nav ul li.hasNav.StillNav a::after,.main-nav ul li.current-menu-item a::after{background-image: url(../imgs/dropdown-arrow-white.png); background-repeat: no-repeat; background-size: 15px; background-position: right center;}
.main-nav ul li ul.sub-menu { position: absolute; left: 0; width: auto; z-index: 70; background: #0770b1;-webkit-box-shadow: 0 10px 40px -10px rgba(53, 54, 56, 0.3); box-shadow: 0 10px 40px -10px rgba(53, 54, 56, 0.3); opacity: 0; visibility: hidden; -webkit-transition: opacity .4s ease,top .45s ease; transition: opacity .4s ease,top .45s ease;}
.main-nav ul li ul.sub-menu li { margin: 0; display: block; }
.main-nav ul li ul.sub-menu li a { padding: 6px 20px; color: white;  float: left; width: 100%; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; transition: all 0.4s ease;white-space: nowrap; text-align: left;border-bottom: 1px solid #f7a81b;}
.main-nav ul li ul.sub-menu li:first-child a{border-top: 1px solid #f7a81b;}
.main-nav ul li a:hover,.main-nav ul li.current-menu-item a,.main-nav ul li.hasNav.StillNav a{background: #0770b1; color: white;}
.fixedTop,.NorHome .main-header-section{background-color: white;box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.35); -webkit-box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.35); -moz-box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.35);border-color:  rgba(34, 34, 34, 0.1);}
.main-nav ul li.hasNav:hover ul.sub-menu{left: 0; opacity: 1; visibility: visible;}
.main-nav ul li.hasNav ul.sub-menu > li a:hover{background: #f7a81b; ;}
.phone-nav{display: none}
.overlay-bg{position: relative;}
/* ========================= End header style ======================= */


/* ======================== Beginning Home Page Style =============== */
.main-content-wrap{margin-top: 85px;}
.hero-section{position:relative}
.hero-inner{max-width: 1040px;}
.hero-info {top: 50%;  -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); transform: translateY(-50%); bottom: auto;z-index: 5;}
.hero-info p{color: white;opacity: 0.7;}
video{float: left; width: 100% !important;}
.content-wrap{ float: left; width:69.35483870967742%}
.sidebar{float: right; max-width: 300px; width: 24.19354838709677%;text-align: left;background: white; position: relative;}
.sidebar-item h6{border-bottom:2px solid red; font-weight: bold; color: red; margin-top: 0px; margin-bottom: 8px;}
.sidebar-item a{ float: left; width: 100%; font-size: 15px; line-height: 20px; padding:5px 0 5px 25px; color: black;background-image: url(../imgs/left-arrow.png); background-repeat: no-repeat; background-position: left center; background-size: 15px; color: #f7a81b; -webkit-transition: 0.4s ease-in-out;-moz-transition: 0.4s ease-in-out; transition: 0.4s ease-in-out; border-bottom:1px dashed blue}
.sidebar-item a:hover{padding-left: 40px;}
#RightSidebar{float: right;  width:300px;-webkit-transition: 0.6s ease-in-out; -moz-transition: 0.6s ease-in-out; transition: 0.6s ease-in-out; }
#RightSidebar.sticky { float: none; position: fixed; top: 20px; z-index: 6; left: auto;}
.top-executive-wrap{margin-top: 100px;}
.top-executive-inner-wrap{  float: none; margin: 0 auto; max-width: 640px; clear: both; padding: 50px 20px 0;}
.top-executive-wrap .title-text{padding: 0 30px;}
.profile-row{ float: left; width: 33.33333333333333%; margin: 0; text-align: center; position: relative;}
.profile-item{margin-top: 20px;}
.profile-item figure{width: 200px; margin: 0 auto; overflow: hidden; border: 10px solid transparent; border-radius: 100%; height: 200px; position: relative; background: #d3b0b0; cursor: pointer; }
.profile-item figure::before{position: absolute; left: 0; top: 0; content: ''; right: 0; bottom: 0; width: 100%; height: 100%; background:rgba(0,0,0,0.5); z-index: 5;-webkit-transition: all 0.4s ease-in-out;-moz-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out;}
.profile-item figure img{ object-fit: cover; width: 100%; height: 100%;; vertical-align: top; transition: all 0.4s ease-in-out; transform: scale(1);border-radius: 100%; }
.profile-item figure h6{position: absolute;  top: 50%;  -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); transform: translateY(-50%); width: 100%; -webkit-transition: all 0.4s ease-in-out;-moz-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; z-index: 10;margin-top: 0; font-size: 0px; color: white }
.profile-item figure:hover img{transform: scale(1.2);}
.profile-item figure:hover::before{background:rgba(0,0,0,0.3);}
.profile-item figure:hover h6{ font-size: 14px }
.client-area h2{text-align: center; font-weight: bold;}
.client-wrap{margin-top: 40px;}
.client-item{padding: 0 20px;}
.lattest-news-inner-wrap{margin-top: 40px;}
.news-item{  float: left; width: 30.81467010860718%; margin: 40px 1.888997418544617% 0; text-align: center; overflow: hidden; padding: 8px 8px 15px 8px; background: white; -webkit-box-shadow: 0 10px 40px -10px rgba(53, 54, 56, 0.3); box-shadow: 0 10px 40px -10px rgba(53, 54, 56, 0.3);}
.news-figure-item{float: left; width: 100%;  overflow: hidden;}
.news-item:nth-child(3n+1){clear: both; margin-left: 0px;}
.news-item:nth-child(3n+3){margin-right: 0px;}
.news-item-link{min-height: 165px;transition: all 0.3s ease-in-out;transform: scale(1);}
.news-item-link:hover{transform: scale(1.2);}
.news-title{text-align: center; margin-top: 20px; font-weight: bold; color:#f7a81b; font-size: 16px;;text-decoration: underline;}
.news-title:hover{text-decoration: none;}
.donate-information-wrap{border-bottom: 2px solid #0770b1; margin-top: 50px;}
.donate-heading{float: left; width: 50%;}
.donate-heading dfn{    font-weight: normal; color: #f7a81b; font-size: 22px; font-weight: bold; background: green; padding: 12px 20px; float: left; width: 100%;}
.donate-heading h2{    color: #f7a81b; position: relative; background-image: url(../imgs/heart.gif); background-repeat: no-repeat; background-size: 61px; background-position: right center; font-size: 40px; float: left; width: 100%; margin-top: 22px; padding-right: 50px; border-bottom: 1px solid #0770b1;}
.donate-heading p{text-align: justify;}
.donate-heading p a{display: inline-block; color: #fa8072; font-weight: bold;text-decoration: underline;}
.donate-heading p a:hover{text-decoration: none;}
.donate-info{float: left; width:50%;padding-left: 30px;}
.donate-info h6{font-weight: bold; color: #f7a81b; margin-top: 20px; float: left; width: 100%; text-align: right;}
.donate-info h6:first-child{margin-top: 0;}
.donate-info p{margin-top: 0; text-align: right; color: #0770b1; opacity: 0.6;}
.slick-dots { bottom: -60px;}
.slick-dots li button{background:#0770b1; border-radius: 100% ; text-indent: -99999px;}
.slick-dots li.slick-active button{background:#f7a81b;}
.home-content .content-details-section{padding-bottom: 0;padding-top: 40px;}
.briefing-text-wrap{  border-bottom: 2px solid #0770b1;}
.briefing-text-wrap h2{color: #0770b1; font-weight: bold;}
.briefing-text-wrap p{text-align: justify;}
.highlight-btn{text-align: center; position: absolute; left: 0; bottom: 15%; width: 100%;z-index: 6; display: flex; justify-content: center;}
.highlight-btn a{margin: 0 20px; position: relative; padding: 0 10px;}
.hero-section::before{background: rgba(0,0,0,0.5);}
/* =======================  End Home Page Style ======================== */


/* =======================  Beginning About Page Style ================= */
.hero-baner-section{position: relative;}
.hero-baner-section .absolute-property{top: 50%; right: auto; z-index: 20; bottom: auto; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); transform: translateY(-50%);}
.hero-banner-info .title-text{max-width: 650px;}
.hero-banner-info .title-text p{color: white;}
.highlighted-list-wrap{margin-top: 40px;}
.highlighted-info{float: left; width: 45%; margin-left: 10%;}
.highlighted-info h3{margin-top: 30px; color: #0770b1; float: left; width: 100%;}
.highlighted-info:first-child{margin-left: 0px;}
.highlighted-list-info{display: flex; text-align: left; padding: 30px 0;    transition: all .5s cubic-bezier(.545,.03,.395,.965); align-items: center; display: flex; line-height: 1.36;  position: relative; text-align: left; transform: translate3d(0,0,0);}
.highlighted-list-info span{display: inline-block; font-size:48px;line-height: 60px; padding-right:30px;color: #f7a81b; font-weight: bold;}
.highlighted-list-info dfn{display: inline-block; font-size: 24px;line-height: 34px;color: #0770b1;;}
.highlighted-list-item{border-top: 1px solid #0770b1;overflow: hidden;cursor: pointer;padding-right: 40px; position: relative;}
.highlighted-list-item::before{position: absolute; right: 0; top: 50%;  -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); transform: translateY(-50%); content: ''; width: 30px; height: 30px; background-image: url(../imgs/plus-icon2.png); background-repeat: no-repeat; background-position: right center; background-size: 30px; -webkit-transition: all 0.4s ease-in-out;-moz-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out;}
.reveal.highlighted-list-item::before{ background-image: url(../imgs/minus-icon2.png); background-repeat: no-repeat; background-position: right center; background-size: 30px;}
.highlighted-list-item:last-child{border-bottom: 1px solid #0770b1;}
.highlighted-description{float: left; width: 100%; padding: 30px 0; margin: 0;  transition: all .5s cubic-bezier(.545,.03,.395,.965); align-items: center; display: flex; line-height: 1.36;  position: relative; text-align: left;transform: translate3d(-100%,100%,0);}
.highlighted-description p{margin-top: 0;}
.reveal .highlighted-list-info{transition: all .5s cubic-bezier(.545,.03,.395,.965); transform: translate3d(0,-100%,0);}
.reveal .highlighted-description {transition: all .5s cubic-bezier(.545,.03,.395,.965); transform: translate3d(-100%,0,0);}
.highlighted-list-item-holder{display: flex; width: 200%;}
.parallax-section{min-height: 650px;}
.parallax-inner{top: 50%; right: auto; bottom: auto; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); transform: translateY(-50%);}
.parallax-info{float: left; width: 100%; max-width: 500px; background-color:rgba(255,255,255,.8); padding: 30px 20px;}
.article-details-section{padding-bottom: 150px;}
.article-row{ padding: 10px; margin-top: 60px; background: #ffffff; -webkit-box-shadow: 0 10px 40px -10px rgba(53, 54, 56, 0.3); box-shadow: 0 10px 40px -10px rgba(53, 54, 56, 0.3);}
.article-row:first-child{margin-top: 0;}
.article-thumb{float: left; width:50%;min-height: 360px; }
.article-info{float: left; width:45%; margin-left: 5%; }
.article-row:nth-child(even) .article-thumb,.article-row:nth-child(odd) .article-info{ -webkit-box-ordinal-group: 2; -webkit-order: 2; -ms-flex-order: 2; order: 2; margin-left: 5%;width:45%;  }
.article-row:nth-child(even) .article-info,.article-row:nth-child(odd) .article-thumb{ -webkit-box-ordinal-group: 1; -webkit-order: 1; -ms-flex-order: 1; order: 1; margin-left: 0px;width:50%;}
.article-row:nth-child(even) .article-info{padding-left: 40px;}
.article-row:nth-child(odd) .article-info{padding-right: 20px;}
.article-info h3{color: #0770b1; }
.article-info p{font-size: 16px;line-height: 28px;}
.article-thumb.overlay-bg::before{background: rgba(0,0,0,0.3);}
.total-staff{min-height: 100vh;}
.total-staff .parallax-info{width: 100%;max-width: 100%;}
.total-staff .parallax-info h2{color: #0770b1; text-align: center; }
.total-staff .parallax-inner{z-index: 50;}
.total-staff table, .total-staff tr td { border: 1px solid #0770b1;}
.total-staff table{ width: 100%; margin: 0 0 15px 0; border: 1px solid #0770b1; text-align: left;}
.total-staff tr td { padding: 6px 24px; border-top: 1px solid #0770b1;text-align: center; }
.total-staff tr td:first-child{text-align: left;}
.total-staff tr:nth-child(2) td{text-align: center;}
.total-staff tr:first-child td,.total-staff tr:nth-child(2) td,.total-staff tr:first-child td:first-child{font-weight: bold;}
.total-staff tr td p{margin-top: 0;line-height:inherit;text-align: center;}
.total-staff tr:last-child{font-weight: bold;}
.footer-border footer{margin-top: 0;border-top: 1px solid white;}
.lead-text{margin-top: 20px; font-weight: bold; font-size: 16px; text-align: center; color: #0770b1;}
/* =======================  End About Page Style ========================== */


/* ======================= Beginning Programs Page Style ================== */
.programs-content .hero-banner-info .title-text{max-width: 100%;text-align: center;}
.programs-content .hero-baner-section{min-height: 550px;}
.programs-content .overlay-bg::before { background: rgba(0,0,0,0.6); }
.table-inner{max-width: 1120px;}
.article-wrap{margin-top: 50px;}
.single-programs-content .title-text h2,.single-programs-content .title-text h3,.article-wrap h4,.article-wrap h5,.article-wrap h6,.single-programs-content .title-text h6{margin-top: 30px; float: left; width: 100%;color: #0770b1; font-weight: bold;}
.single-programs-content .title-text h2{float: left; width: 100%; padding: 10px 20px;background: #0770b1; color: #f7a81b; font-size: 36px; line-height: 44px;text-align: center;position: relative;}
.single-programs-content .title-text h3{font-size: 26px; line-height:36px;text-align: center;color: #0770b1;}
.single-programs-content .title-text h6{float: left; width: 100%;}
.single-programs-content .title-text p{text-align: justify;}
.article-item{ border: 1px solid gray; display: flex; align-items: center; border-bottom: none;}
.article-item p strong,.article-item strong{color: #0770b1;position: relative;}
.article-item h6{width:28%;padding: 10px;position: relative;font-size: 18px;}
.article-item p,.article-item ul{float: left; width:78%;padding-left: 15px;padding: 10px;position: relative;}
.article-item ul{ list-style-type: disc; list-style-position: inside; color: black; }
.article-item p::after,.article-item ul::after{position: absolute; left: 0; top: 0; bottom: 0; width: 1px; height:100%; content: ''; background: gray;}
.article-item p,.article-item h6{margin-top: 0;}
.article-item:last-child{border-bottom:1px solid gray; ;}
.programs-row{margin-top: 60px; border-bottom: 2px solid #0770b1;}
.programs-row:first-child{margin-top: 0;}
.programs-item-wrap{margin-top: 50px;}
.programs-button{  float: left; width: 32.25806451612903%; margin: 40px 0.8064516129032258% 0; position: relative; color: white; height: 100px; padding: 0 20px; display: flex; justify-content: left; filter: drop-shadow(-1px 6px 3px rgba(50, 50, 0, 0.5)); align-items: center; padding-left: 106px;line-height: 20px;} 
.programs-button:nth-child(3n+1){clear: both; margin-left: 0px;}
.programs-button:nth-child(3n+3){margin-right: 0px;}
.programs-button:before{position: absolute; left: 0; top: 50%;  -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); transform: translateY(-50%); content: ''; background-image: url(../imgs/round-btn.png); background-size: 100px; width: 100px; height: 100px; background-position: left center; z-index: 20;}
.programs-button:after{    position: absolute; left: 80px; top: 50%; width:-webkit-calc(100% - 80px); width: calc(100% - 80px); height:-webkit-calc(100% - 30px); height: calc(100% - 30px); content: ''; background: #0770b1; z-index: -1; transition: all 0.4s ease-in-out; opacity: 0.6; border-radius: 0 50px 50px 0; -webkit-transform: translateY(-50%);-moz-transform: translateY(-50%); transform: translateY(-50%); -webkit-box-shadow: 0px 0px 0px 6px rgba(7,112,177,0.5); -moz-box-shadow: 0px 0px 0px 10px rgba(7,112,177,0.5); box-shadow: 0px 0px 0px 10px rgba(7,112,177,0.5);}
.programs-row h2{ font-weight: bold; border-radius: 50px;text-align: center;}
.programs-row p{margin-top: 50px;text-align: center;}
.programs-button:nth-of-type(-n+3){margin-top: 0;}
#CompletedPrj .programs-button:after{background: green;}
#CommingSoon .programs-button:after{background:#008b8b }
.programs-button:hover:after{ width:-webkit-calc(100% - 110px); width: calc(100% - 110px); opacity: 1}
ul.counter-list,ul.underline-list{counter-reset: counter;}
ul.counter-list li,ul.underline-list li{counter-increment: counter;}
ul.counter-list li::before { content: counter(counter) ". "; font-weight: bold; }
ul.bullet-list li{position: relative;padding-left: 12px;}
ul.bullet-list li::before{position: absolute; left: 0; top: 13px; width: 6px; height: 6px; content: ''; background: black ; border-radius: 100%;}
ul.underline-list li::before { content:"Outcome" " " counter(counter) " " " "; font-weight: bold; text-decoration: underline; }
/* ======================= End Programs Page Style ===================== */


/* ====================== Beginning BLog/News Page Style ================ */
.blog-content .title-text h3,.blog-single-content .title-text h3{padding: 7px 20px; background: #0770b1;}
.blog-content .article-row:first-child{margin-top: 60px;}
.blog-content .content-holder-wrap,.blog-single-content .content-holder-wrap{margin-top: 0;}
.blog-content .article-thumb{min-height: 260px;}
.title-link{color: #0770b1;text-decoration: underline; font-size: 26px; line-height: 32px;}
.title-link:hover{text-decoration: none;}
a.readMore{display: inline-block; font-weight: bold; color: #0770b1; margin-top: 20px;}
a.readMore:hover{text-decoration: underline;}
.blog-content .article-row:nth-child(even) .article-thumb, .blog-content .article-row:nth-child(odd) .article-info,.blog-content .article-row:nth-child(even) .article-info, .blog-content .article-row:nth-child(odd) .article-thumb{  -webkit-box-ordinal-group: 0; -webkit-order: 0; -ms-flex-order: 0; order: 0; width: 48%; padding-right: 0px;padding-left: 0px;}
.blog-content .article-row:nth-child(even) .article-thumb, .blog-content .article-row:nth-child(odd) .article-info, .blog-content .article-row:nth-child(even) .article-info{margin-left: 0px;}
.meta-box a{  display: inline-block; margin: 0 10px; margin-top: 8px; color: #6e685d; background:#180b0b21; padding: 4px 10px; border-radius: 4px; font-size: 14px; line-height: 16px; text-transform: capitalize;-webkit-transition: all 0.4s ease-in-out;-moz-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out;}
.meta-box a:first-child{margin-left: 0px;}
.meta-box a:hover{background: #0770b1; color: white;}
#blogSidebar{background: transparent;}
.search-wrap h5{float: left; width: 100%; padding:14px 10px; background: #0770b1;font-weight: normal;}
#blogSidebar .input-wrap input[type="search"], #blogSidebar .input-wrap input[type="submit"]{float: left; width: 61%; margin: 0;border-color: #f7a81b; height: 52px;font-family: 'Open Sans', sans-serif;}
#blogSidebar .input-wrap input[type="submit"]{width: 39%;background: #f7a81b;}
#blogSidebar .input-wrap input[type="search"]{padding-left: 10px;}
#blogSidebar .input-wrap input[type="search"]::placeholder{color: gray; font-size: 16px;}
#blogSidebar .input-wrap{margin-top: 0;}
.sidebar-link-wrap{margin-top: 30px; padding-bottom: 15px; background: white;   -webkit-box-shadow: 0 10px 40px -10px rgba(53, 54, 56, 0.3); box-shadow: 0 10px 40px -10px rgba(53, 54, 56, 0.3);}
.sidebar-link-wrap h6{float: left; width: 100%; border-bottom: 1px solid gray; margin-top: 0px; background: #0770b1; padding: 10px; color: #f7a81b; font-weight: normal}
.sidebar-inner-wrap a{ float: left; width: 100%; margin-top: 15px; font-size: 16px; line-height: 27px; color: #0770b1; font-weight: normal; padding: 0 10px; text-decoration: underline;}
.sidebar-inner-wrap a:hover{text-decoration: none;}
.nav-links{margin-top: 100px;text-align: center;}
.page-numbers, .page-numbers.dots { display: inline-block; margin: 0 6px; padding: 5px 16px; background: #180b0b21; color: black; cursor: pointer; -webkit-transition: all 0.4s ease-in-out;-moz-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out;}
.page-numbers.current,.page-numbers:hover{ background: #0770b1; color: white;}
.blog-single-content .article-row{display: block;}
.blog-single-content .article-row:first-child{margin-top: 50px;}
.blog-single-content .article-row .article-thumb,.blog-single-content .article-row .article-info {width: 100%; margin: 0; padding: 0;}
.blog-single-content .article-row .article-thumb{min-height: 450px;}
.blog-single-content .article-row .article-info{padding: 30px 20px;}
.blog-single-content .article-row .article-info h3{text-decoration: none;}
.blog-single-content .title-text a,.archive-content .title-text a{color: #f7a81b; font-size: 30px; text-decoration: underline;}
.blog-single-content .title-text a:hover{text-decoration: none;}
#blogSidebar .sidebar-inner-wrap ul,#blogSidebar .sidebar-inner-wrap ul li{float: left; width: 100%;}
#blogSidebar .sidebar-inner-wrap ul li{margin-top: 10px;}
#blogSidebar .sidebar-inner-wrap ul li a{margin-top: 0; float: left; width: 100%;}
/* ====================== End  BLog/News Page Style  ================= */


/* ====================== Contact Us Page ============================ */
.content-holder-wrap{margin-top: 50px;}
.contact-info{float: left; width:48%; margin: 50px 2% 0;}
.contact-info:nth-child(2n+1){margin-left: 0px; clear: both;}
.contact-info:nth-child(2n+2){margin-right: 0px;}
.contact-info h5,.form-info h5{font-size: 24px;line-height: 36px; font-weight: bold;margin-bottom: 10px;}
.contact-info h6{ float: left; width: 100%; font-weight: bold;color: #0770b1;margin-top: 10px;}
.contact-info p{margin-top: 0; font-size: 16px;}
.contact-info p strong{color: #0770b1;}
.contact-info p a{color: #f7a81b; text-decoration: underline; font-weight: bold;}
.contact-form-wrap .title-text h4{font-weight: bold;}
.input-wrap { width: 100%; margin: 15px 0 0 0;} 
.input-wrap{margin-top: 20px;}
.input-wrap input[type="submit"], input, textarea { float: left; width: 100%; padding: 10px 15px;  border: 0; font-size: 18px; font-weight: 400; color: black; height: 50px; line-height: 50px; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; border: 1px solid transparent;  font-family: 'HelveticaNeue', sans-serif;box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.2); -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.2); -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.2); } 
.input-wrap input[type="submit"] {background:#0770b1; color: white; font-size: 20px; padding: 0; font-weight: bold; text-transform: uppercase; height: 56px;}
.input-wrap input:hover,textarea:hover{border-color:#0770b1;}
.input-wrap.float-wide{float: left; width: 100%;margin-left: 0px;}
.input-wrap.message-wrap,.input-wrap.submit-wrap{float: left; width: 100%;margin-left: 0px;} 
.input-wrap.submit-wrap{margin-left: 0px !important;} 
textarea{height: 133px;resize: none;line-height: 30px;}
.input-wrap input[type="submit"]:hover{background: #f7a81b;border-color: #f7a81b;}
.input-wrap input::placeholder, textarea::placeholder{ font-family: 'HelveticaNeue', sans-serif; font-weight: 400;color:#a0a0a0}
/* ====================== End Contact Us Page =============================== */


/* ====================== Beginning Make Donattion Page Style =============== */
.donate-inner{max-width:1020px;}
.donation-content .heading-arrow p{margin-top: 40px;;}
.donation-content  .contact-form-wrap{ margin: 0 auto; clear: both; max-width: 500px;}
.donation-content  .form-info{margin-top: 50px;}
.donation-content  .input-wrap{width: 100%; margin: 10px 0 0 0;}
/* ====================== End Make Donattion Page Style  =================== */


/* ====================== Photo Activities Page Style ====================== */
.photo-item{float: left; width: 24.19354838709677%; margin: 13px 0.5376344086021505% 0; min-height: 225px; }
.photo-item img{object-fit: cover;}
.photo-item:nth-child(4n+1){clear: both; margin-left: 0px;}
.photo-item:nth-child(4n+4){margin-right: 0;}
.covid-19-content h2,.covid-19-content h3,.covid-19-content p strong{color:#0770b1 ; font-weight: bold;}
.article-holder-item{position: relative;margin-top: 60px;padding-bottom: 60px;}
.article-holder-item:first-child{margin-top: 0;}
.article-holder-details{margin-top: 50px;}
.post-categories li a, p a.morebtn { color: #32cd32; font-weight: 500; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out;}
p a.morebtn { color: #0770b1; margin-left: 15px; }
p a.morebtn:hover{text-decoration: underline;}
.archive-content .content-holder-wrap {margin-top: 0;}
.lattest-news-inner-wrap .article-row{display: block;}
.news-item-link.article-thumb{min-height: 165px; width: 100%;}
.news-title .title-link{font-size: 16px;}
.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output{border: none;}


/* ========================== Overwritting Css =================== */
.menu-sidebar-at-a-glance-container,#menu-sidebar-at-a-glance,#menu-sidebar-at-a-glance li{float: left; width: 100%;}
.sidebar-inner-item{margin-top: 15px;}
.sidebar-inner-item:first-child{margin-top: 0;}
.default-content .item-article{margin-top: 30px;}
.default-content .item-article:first-child{margin-top: 0;}
.search-content .title-wrap h5{background: #0770b1; padding:14px 20px ;}
.search-content .article-row-wrap{margin-top: 30px;}
.search-content .go-back-page{display: inline-block;color: #f7a81b; text-decoration: underline; margin-top: 20px;}
#image_gallery_503 .single-image-503 a{margin: 10px;}
#image_gallery_503 .thumbnail{padding: 10px;}
#image_gallery_503 span.item-title{opacity: 0; visibility: hidden;}
.gallery-item-wrap{margin-top: 50px;}
.gallery-content .title-text h2{text-align: center;}
.more-content-wrap{margin-top: 20px;}
.more-content-wrap a{float: left; width: auto; clear: both; font-size: 18px; color: #0770b1; font-weight: bold; text-decoration: underline;margin-top: 15px;}
.more-content a.go-back-page{font-size: 30px; line-height: 40px; font-weight: bold; margin-top: 50px;text-decoration: underline;color: #f7a81b;}
#Column{float:left; width: 100%; -moz-column-count: 2; -moz-column-gap: 1em; -webkit-column-count: 2; -webkit-column-gap: 1em; column-count: 2; column-gap: 1em;}
#Column li { float: left; width: 100%;}
.image-holder-wrap{margin-top: 50px;}
.image-item-wrapper{margin-top: 30px;}
.image-item{ float: left; width: 30%;margin-top: 30px; margin-left: 5%;}
.image-item img{object-fit: cover;}
.image-item:nth-child(3n+1){clear: both; margin-left: 0;}
.default-content{margin-top: 40px;}
.single-text-content .title-text h2{background: transparent; padding: 0;color:#0770b1; }
.single-text-content .title-text p{margin-top: 40px;}
.single-text-content .article-wrap{margin-top: 30px;}
.blog-content .article-row{padding-right: 20px;}
.loadbtn-wrap{text-align: center;margin-top: 50px;}
#loadMore{ margin-top: 50px; height: 80px; line-height: 80px; font-size: 30px; position: relative; text-transform: uppercase; font-weight: bold;}
#loadMore::before{    position: absolute; top: -2px; left:-2px;  content: '';  background: linear-gradient(45deg, #ff0000, #ff7300, #fffb00, #008000, #48ff00, #00ffd5, #002bff, #0770b1, #ff00c8, #ff0000);  background-size: 400%; z-index: -1; filter: blur(1px); width: calc(100% + 4px); height: calc(100% + 4px); animation: glowing 20s linear infinite; transition: opacity .3s ease-in-out; border-radius: 10px;}
@keyframes glowing { 0% { background-position: 0 0; } 50% { background-position: 400% 0; } 100% { background-position: 0 0; } }
#CompletedPrj .programs-item-wrap a.btn.programs-button{ transition: all 600ms ease-in-out; -webkit-transition: all 600ms ease-in-out; -moz-transition: all 600ms ease-in-out; -o-transition: all 600ms ease-in-out;}
.error-404.not-found{text-align: center;}
.about-content .hero-baner-section{min-height: 550px;}
.founder-wrap{  margin-top: 0; padding-bottom: 0px;}
.founder-wrap h2{text-align: center;color:#0770b1; font-weight: bold;}
.founder-inner-wrap{  margin-top: 60px; padding: 30px 20px 30px 30px; background:#8989891a}
.founder-thumb{float: left; width: 30%;  }
.founder-inner-wrap img{  float: left; width: 100%; height: 100%; border: 30px solid #0770b10f; border-radius: 100%; vertical-align: middle; background-color: #0770b10f; object-fit: cover; }
.founder-info{float: left; width: 70%; padding-left: 30px; padding-right: 10px; }
.founder-info dfn,.founder-info span{    font-size: 24px; line-height: 36px; font-weight: bold; color: #0770b1; }
.founder-info dfn{text-transform: uppercase;}
.founder-info span{     float: left; width: 100%; font-size: 15px; line-height: 22px; color: #afafaf; font-weight: normal; }
.founder-info p{font-size: 13px; line-height: 23px; text-align: justify; margin-top: 15px;opacity: 0.8;}


/* ====================== Beginning  Footer Style =========================== */
.main-footer-section{margin-top:60px;}
.footer-top{padding-bottom: 30px;border-bottom: 1px solid white ;}
.footer-widget{float: left; width: 25%; padding-left: 30px;}
.footer-widget:first-child{padding-left: 0px;}
.widget-info{margin-top: 20px; float:left; width: 100%;}
.widget-info:first-child{margin-top: 0;}
.widget-info h6{font-size: 30px; line-height: 44px;margin-top: 0;}
.widget-info h6,.widget-info p,.widget-info address,.privacy-policy,.copyright,.copyright a{color: white}
.widget-info p,.widget-info address{font-size: 16px;line-height: 24px;}
.widget-info p{margin-top: 8px;}
.widget-info address{margin-top: 20px;margin-bottom: 10px;}
.widget-info ul{margin-top: 20px;}
.widget-info ul li{display: block;margin-top: 5px;}
.widget-info ul li a{display: inline-block;color: white; text-decoration: underline; }
.widget-info ul li a:hover{text-decoration: none;}
.social-wrap{margin-top: 15px;}
.social-wrap a{display: inline-block; margin: 0 4px; width: 40px}
.social-wrap a:first-child{margin-left: 0;}
.social-wrap a img{opacity: 0.6;}
.copyright a{display: inline-block; text-decoration: underline; font-weight: bold; color: #f7a81b;}
.copyright a:hover,.privacy-policy:hover{text-decoration: none;}
.footer-logo {float: right; width: 60%;margin-top: 30px;}
.footer-logo img{ object-fit: cover;opacity: 0.6;}
.footer-lower{padding: 20px 0 0 0;}
.privacy-policy{float: left;color: #f7a81b;text-decoration: underline;}
.copyright{float: right; width: auto; margin: 0; padding-left: 10px;}
 .widget-info em{color: white; opacity: 0.7;  font-size: 12px; line-height: 14px; font-weight: normal; float: left; width: 100%; font-family: 'HelveticaNeue'; margin-top: 10px;}


 /* ========================= End Footer Style =============================== */
 .mobi{display: none;}





    /* ========================================================================
    ========================== Responsive style =============================== */
    
    /*		Mobile Layout: 320px and 480px and more but less than or equal to 767px.
    ----------------------------------------------------------------------------------
    */
    
    @media only screen and (min-width: 320px) and (max-width: 767px) {
        input[type="text"],input[type="email"],input[type="tel"],input[type="search"],input[type="number"],input[type="submit"],input[type="password"],select,textarea{-webkit-appearance:none;-moz-appearance:none;appearance:none;}
    

        /* ======================== Home Page Style =========================== */
        .main-header-section{ box-shadow: 0px 1px 2px 0px rgb(0 0 0 / 35%); -webkit-box-shadow: 0px 1px 2px 0px rgb(0 0 0 / 35%); -moz-box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.35);}
        .header-inner{display: block;}
        .logo-wrap{width: 100%;position: relative;}
        .main-logo{width:15%;}
        .phone-nav{ display: block; float: right; margin-top: 16px; position: relative; width: 24px; height: 20px;}
        .phone-nav div{position: absolute; width: 100%;height: 3px;background:#0770b1; position: absolute; left:0; top: 0px; -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; -webkit-transform-origin: left center; -moz-transform-origin: left center; -o-transform-origin: left center; transform-origin: left center; }
        .phone-nav div:nth-child(2){top: 7px;}
        .phone-nav div:nth-child(3){top: 14px;}
        .NavFound .phone-nav > div:first-child { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); top: 0px; left: 3px;}
        .NavFound .phone-nav > div:last-child {    -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg);    top: 17px; left: 3px;}
        .NavFound .phone-nav > div:nth-child(2){opacity: 0;}
        .nav-wrap { width: 100%; height: 100%; position: absolute; padding-left: 0; left: -100%; background: white; background: #cce6ff; top: 50px; height: -webkit-calc(100vh - 50px); height: calc(100vh - 50px); transition: all 0.4s ease-in-out; padding: 4px 0;}
        .main-nav { width: 100%; padding: 0; max-height: 590px; overflow-y: auto;}
        .main-nav ul { width: 100%; float: left; text-align: center; }
        .main-nav ul li { display: block; margin: 0;}
        .main-nav ul li a{width: 100%; padding: 10px 15px;}
        .main-nav ul li ul.sub-menu,.main-nav ul li ul.sub-menu li ul.sub-menu, .main-nav ul li ul.sub-menu li ul.sub-menu li ul.sub-menu{position: relative; left: auto; transform: translateX(0); opacity: 1; visibility: visible; display: none; transition: none;}
        .main-nav ul li ul.sub-menu{width: 100%;text-align: center;}
        .main-nav ul li ul.sub-menu li a{text-align: center;}
        .NavFound .nav-wrap{left: 0;}
        .main-content-wrap{margin-top: 50px;}
        .desktop{display: none;}
        .mobi{display: block;}
        video { height: -webkit-calc(100vh - 50px); height: calc(100vh - 50px); object-fit: cover; }
        h1{font-size: 34px; line-height: 44px;}
        h2{font-size: 32px; line-height: 40px;}
        .hero-info p{margin-top: 30px;}
        .content-wrap,.sidebar{width: 100%; max-width: 100%;}
        #RightSidebar{float: left; width: 100%;}
        .pty-high,.pty-medium{padding: 40px 0;}
        .top-executive-wrap h2{font-size: 34px;}
        .profile-row{margin: 0; width: 33.33333333333333%;}
        .profile-item figure {    float: left; width: 100px; overflow: hidden; border: 5px solid transparent; border-radius: 100%; height: 100px; }
        .profile-item figure:hover h6{font-size: 10px;}
        .content-holder-wrap{margin-top: 0px;}
        .top-executive-wrap{margin-top: 10px;}
        .profile-item{margin-top: 15px;}
        .donate-heading{width: 100%;}
        .donate-heading h2 { background-size: 46px; font-size: 32px; padding-right: 24px;}
        .donate-info { width: 100%; padding-left: 0; margin-top: 40px}
        .donate-info h6,.donate-info p{text-align: left;}
        .donate-information-wrap{margin-top: 15px;}
        .top-executive-wrap .title-text { padding: 0 20px;}
        .lattest-news-inner-wrap{margin-top: 10px;}
        .news-item:nth-child(3n+1),.news-item:nth-child(3n+3),.news-item{width: 100%; margin: 30px 0 0 0; clear: none;}
        .highlight-btn{bottom: 11%;padding: 0 20px; display: block;}
        .highlight-btn a { margin: 11px 0px;}
        .hero-info { top: 10%; -webkit-transform: translateY(0); -moz-transform: translateY(0); transform: translateY(0);}

        /* ======================== About Page Style =========================== */
        .highlighted-info:first-child,.highlighted-info{width: 100%; margin: 30px 0 0 0;}
        .highlighted-info:first-child{margin-top: 0;}
        .highlighted-list-info,.highlighted-description{flex-flow: wrap; padding: 15px 0;}
        .highlighted-list-info span,.highlighted-list-info dfn{float: left; width: 100%;padding-right: 0px; font-size: 36px;line-height: 46px;}
        .highlighted-list-info dfn{font-size:20px ; line-height: 30px;}
        .highlighted-list-item-holder{width: 202%;}
        .highlighted-description p{font-size: 16px;}
        .parallax-section{ min-height: 500px;}
        .article-row:nth-child(even) .article-info, .article-row:nth-child(odd) .article-thumb,.article-row:nth-child(even) .article-thumb, .article-row:nth-child(odd) .article-info,.article-row:nth-child(even) .article-thumb, .article-row:nth-child(odd) .article-info,.article-row:nth-child(even) .article-info, .article-row:nth-child(odd) .article-thumb { -webkit-box-ordinal-group: 0; -webkit-order:0; -ms-flex-order:0; order: 0; margin: 0px; width: 100%;}
        .article-row:nth-child(even) .article-info{padding-left: 0px;}
        .article-row:nth-child(odd) .article-info{padding-right: 0px;}
        .article-row{padding: 15px;margin-top: 40px;}
        .article-row .article-thumb{min-height: 200px;}
        .article-row .article-info{padding-top: 20px;padding-bottom: 20px;}
        .article-wrap{margin-top: 20px;}
        .total-staff .parallax-info{padding:20px 15px; width: 100%; max-width: 100%;}
        .total-staff .parallax-info h2{font-size: 24px;line-height: 30px;}
        .total-staff tr td { padding: 3px 6px; font-size: 11px; line-height: 22px;}
        .lead-text { margin-top: 10px; font-size: 13px; line-height: 24px;}
        .total-staff{min-height: 100vh;}
        .table-top{margin-top: 20px !important;}
        .article-info h3{font-size: 30px;}
        .highlighted-list-wrap{margin-top: 24px;}
        .parallax-info{max-width: 100%;}

        /* ======================== Programs Page Style ======================== */
        .programs-row{margin-top: 0;}
        .programs-row:first-child{padding-top: 0;}
        .programs-button:nth-of-type(-n+3),.programs-button:nth-child(3n+1),.programs-button:nth-child(3n+3),.programs-button{width: 100%; margin: 30px 0 0 0;clear: none;   padding-left: 90px; height: 80px; }
        .programs-button:before { background-size: 80px; width: 80px; height: 80px; }
        .programs-button:after {left: 70px; width: -webkit-calc(100% - 70px); width: calc(100% - 70px);}
        .programs-item-wrap{margin-top: 15px;}
        .ProgramFooter #FooterShown{margin-top: 20px;}
        .single-programs-content .content-details-section {padding-top: 0px;}
        .single-programs-content .title-text h2{font-size: 26px; line-height: 40px;}
        .article-item{display: block;}
        .article-item p, .article-item ul,.article-item h6{ width: 100%;}
        .article-item p::after, .article-item ul::after{display: none;}
        .NorHome #FooterShown{margin-top: 0px;}
        .single-programs-content .title-text h3{font-size: 22px;}

        /* ========================= Blog/News Page Style ======================= */
        .blog-content .article-row{display: block;}
        .blog-content .article-row:nth-child(even) .article-thumb, .blog-content .article-row:nth-child(odd) .article-info, .blog-content .article-row:nth-child(even) .article-info, .blog-content .article-row:nth-child(odd) .article-thumb{width: 100%;}
        .nav-links { margin-top: 40px; margin-bottom: 50px;}
        .page-numbers, .page-numbers.dots{margin-top: 20px;}
        .blog-content .article-row:first-child,.blog-single-content .article-row:first-child{margin-top: 40px;}
        .title-link { font-size: 22px;}

        /* ========================= Donation Make Page Style ======================= */
        .donation-content .input-wrap,.donation-content .input-wrap:nth-child(2n+1){ width: 100%; margin: 15px 0 0;}
        .heading-arrow h2{font-size: 23px;}
        .contact-info:nth-child(2n+1),.contact-info:nth-child(2n+2),.contact-info,.image-item:nth-child(3n+1),.image-item,.photo-item:nth-child(4n+1),.photo-item:nth-child(4n+4),.photo-item{width: 100%; margin: 30px 0 0 0 ;}
        .default-content .item-article{margin-top: 10px;}
        .default-content .item-article h3{margin-top: 20px;}
        .default-content,.photo-activities,.gallery-content {margin-top: 0;}
        .photo-item{min-height: 200px;}
        .gallery-item-wrap{margin-top: 30px;}
        #Column { float: left; width: 100%; -moz-column-count: 1; -moz-column-gap:0; -webkit-column-count: 1; -webkit-column-gap: 0; column-count: 1; column-gap: 0;}
        #Column li { float: left; width: 100%;}
        .blog-content .article-row{padding-right: 10px;}
        #loadMore { margin-top: 20px; height: 65px; line-height: 61px; font-size: 26px; }
        .founder-inner-wrap { margin-top: 40px; display: block;}
        .founder-thumb{width: 100%;}
        .founder-inner-wrap img {    float: left; width:285px; border-radius: 100%; margin-top: 30px; height: 285px; }
        .founder-info { float: left; width: 100%; padding-left: 0; margin-top: 30px; text-align: center;}
        .client-area {padding: 40px 10px 60px 10px;}
        .top-executive-inner-wrap{ padding-top: 30px;}
        .btn.large{width: 100%;}
        .loadbtn-wrap{margin-top: 30px;}
        
        /* ======================== Footer Style ===================== */
        .footer-widget{width: 100%; padding: 0; margin-top: 30px;}
        .footer-widget:first-child{margin-top: 0;}
        .widget-info{margin-top: 26px;text-align: center;}
        .footer-widget .widget-info.mobi{margin-top: 0px;}
        .footer-logo { float: none; width: 35%; margin-top: 30px; margin: 0 auto; clear: both; display: block;}
        .widget-info address{margin-bottom: 20px;}
        .footer-widget:first-child .widget-info.mobi{margin-top: 0;}
        .footer-lower{text-align: center;}
        .privacy-policy { float: none; text-align: center; display: inline-block;}
        .copyright{text-align: center; padding: 0; width: 100%; margin-top: 20px;}


    }
    
    
    
    /*		Wide Mobile Layout: 480px.
    ------------------------------------------------------------
    */
    
    @media only screen and (min-width: 480px) and (max-width: 767px) {
        .main-logo { width: 10%;}
        .phone-nav { margin-top: 24px;}
        .main-content-wrap{margin-top: 63px;}
        video { height: -webkit-calc(100vh - 62px); height: calc(100vh - 62px);}
        .nav-wrap { top: 62px; height: -webkit-calc(100vh - 62px); height: calc(100vh - 62px);}
        .main-nav { max-height: 280px;}
        .footer-logo { width: 15%;}
        .footer-widget{margin-top: 20px;}
        .profile-item figure{width: 140px; height: 140px;}
        .news-item-link{min-height: 140px;}
        .news-item-link.article-thumb{min-height: 220px;}
        .hero-baner-section{min-height: -webkit-calc(100vh - 63px); min-height: calc(100vh - 63px);}
        .article-row .article-thumb{min-height: 380px;}
        .table-top { margin-top: 10px !important;}
        .total-staff .parallax-info{padding: 15px;}
        .lead-text{margin-top: 0;}
        .total-staff .parallax-info h2{line-height: 24px;}
        .total-staff tr td { padding: 3px 10px; font-size: 12px; line-height: 12px; }
        .widget-info h6 { font-size: 25px; line-height: 32px;}
        .programs-content .hero-baner-section { min-height:-webkit-calc(100vh - 63px);min-height: calc(100vh - 63px);}
        .gallery-content,.default-content,.photo-activities,.gallery-content {margin-top: 20px;}
        .photo-item{min-height: 350px;}
        .hero-info p{margin-top: 8px;}
        .highlight-btn a { margin: 11px 13px;}
        .highlight-btn .btn.large { width: 285px;}
        .highlight-btn { bottom: 19%; }
        .founder-inner-wrap img { float: none; width: 200px; border: 29px solid #0770b10f; height: 200px; margin: 30px auto 0; display: block; }
      
    }
    


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

        .main-content-wrap{margin-top: 42px;}
        video { height: -webkit-calc(100vh - 42px); height: calc(100vh - 42px); object-fit: cover; }
        .top-executive-wrap h2,h2{font-size: 28px; line-height: 40px;}
        .profile-item figure {     border: 4px solid transparent; border-radius: 100%; height: 90px; width:90px; }
        .donate-heading h2 { background-size: 40px; font-size: 27px;}
        .phone-nav{margin-top: 12px;}
        .nav-wrap { top: 42px; height: -webkit-calc(100vh - 42px); height: calc(100vh - 42px);}
        .main-nav{max-height: 500px;}
        .highlighted-list-info dfn { font-size: 18px; line-height: 26px;}
        .article-row{margin-top: 40px;}
        .total-staff tr td { padding: 3px; font-size: 10px; line-height: 18px;}
        .total-staff .parallax-info h2 { font-size: 20px;}
        .lead-text { margin-top: 3px; font-size: 12px; line-height: 22px;}
        .widget-info h6 { font-size: 23px; line-height: 35px;}
        .main-nav ul li a{line-height: 26px;}
        .highlighted-list-info span{font-size: 30px;}
        .highlighted-list-info, .highlighted-description{padding: 10px 0;}
        .highlighted-list-wrap{margin-top: 20px;}
        .single-programs-content .title-text h2 { font-size: 24px; line-height: 34px;}
        .single-programs-content .title-text h3 { font-size: 20px; line-height: 31px;}
        h1{font-size: 28px;}
        .programs-button{font-size: 14px;}
        .blog-content .title-text h3, .blog-single-content .title-text h3{font-size: 28px;}
        .blog-content .article-row .article-thumb{min-height: 160px;}
        .heading-arrow h2{font-size: 21px;}
        .contact-info h5, .form-info h5 { font-size: 23px;}
        .btn.large { width: 100%;}
        .highlight-btn{padding: 0 10px;}
        .founder-inner-wrap img { height: 230px; border: 20px solid #0770b10f;}
        .top-executive-wrap{margin-top: 0;}

    }
    
    
    /*		Tablet Layout: 768px.
    -----------------------------------------------------------------
    */
    
    @media only screen and (min-width: 768px) and (max-width: 991px) {
        input[type="text"],input[type="email"],input[type="tel"],input[type="search"],input[type="number"],input[type="submit"],input[type="password"],select,textarea{-webkit-appearance:none;-moz-appearance:none;appearance:none;}
        

        .main-nav ul li a { padding: 27px 8px; font-size: 11px;line-height: 31px;}
        video{ object-fit: cover; height: 450px;}
        h1{font-size: 55px;}
        h2{font-size: 44px;}
        .content-holder-wrap{margin-top: 0;}
        #RightSidebar.stickIt { top: 110px; right: 20px;}
        .top-executive-wrap{margin-top: 80px;}
        .pty-high { padding: 60px 0;}
        .top-executive-inner-wrap{margin-top: 0;}
        .profile-item figure { border: 6px solid transparent;width: 154px; height: 154px; }
        .profile-item figure:hover h6{font-size: 14px;}
        .client-item { padding: 0 15px;}
        .donate-information-wrap,.lattest-news-inner-wrap{margin-top: 15px;}
        .donate-heading,.donate-info{width: 100%; padding-left: 0px;}
        .news-item-link{min-height: 100px;}
        .news-title{font-size: 15px;}
        .sidebar{width: 21%;}
        #RightSidebar { width: 196px;}
        #RightSidebar.sticky{right: 20px;}
        .sidebar-item a{font-size: 14px; padding-left: 20px;}
        #blogSidebar{width: 24.19354838709677%;}
        #blogSidebar .input-wrap input[type="submit"],#blogSidebar .input-wrap input[type='text']{width: 100%;}
        .highlight-btn{bottom: 11%;display: block;}
        .highlight-btn a { margin: 11px 5px;}
        .hero-info { top: 10%; -webkit-transform: translateY(0); -moz-transform: translateY(0); transform: translateY(0);}
        .nav-wrap{padding-left: 20px;}

         /* ============== About Page Style ================== */
        .highlighted-info { width: 46%; margin-left: 8%;}
        .highlighted-list-info,.highlighted-description{flex-flow: wrap; padding:20px 0;}
        .highlighted-list-info span,.highlighted-list-info dfn{float: left; width: 100%;padding-right: 0px; font-size: 40px;line-height:50px;}
        .highlighted-list-info dfn{font-size:20px ; line-height: 30px;}
        .parallax-info{max-width: 100%;}
        .article-row:nth-child(odd) .article-info { padding-right: 10px;}
        .article-row:nth-child(even) .article-info { padding-left: 10px;}
        .about-content .article-wrap{margin-top: 0;}

        /* ======================== Programs Page Style ======================== */
        .programs-button:nth-of-type(-n+3),.programs-button:nth-child(3n+1),.programs-button:nth-child(3n+3),.programs-button{width: 48%; margin: 30px 0 0  4%; clear: none;}
        .programs-button:nth-child(2n+1) {clear: both; margin-left: 0px;}
        .programs-row{margin-top: 0;}
        .ProgramFooter #FooterShown{margin-top: 20px;}
        .blog-content .title-text h3, .blog-single-content .title-text h3{font-size: 36px;}
        .blog-content .article-row, .blog-content .article-row:first-child{margin-top: 44px;}
        .nav-links{margin-top: 70px;}
        .default-content,.photo-activities,.gallery-content{margin-top: 0;}
        .photo-item{min-height: 125px;}
        .title-link { font-size: 20px; line-height: 27px;}
        #blogSidebar .input-wrap input[type="search"], #blogSidebar .input-wrap input[type="submit"]{width: 100%;}
        .founder-wrap{padding-bottom: 0;}
        .founder-inner-wrap img {  border: 0}
        #loadMore{margin-top: 30px;}

        /* Footer Style */
        .footer-widget{width:50%;margin-top: 30px;}
        .footer-widget:nth-child(2n+1){padding-left: 0px;clear: both;}
        .footer-widget:nth-of-type(-n+2){margin-top: 0;}
        .footer-logo{float: none;}


    }
    
    
    /*		Tablet Layout: 1024px.
    -----------------------------------------------------------------
    */
    



    
    @media only screen and (min-width: 992px) and (max-width: 1024px) {
        input[type="text"],input[type="email"],input[type="tel"],input[type="search"],input[type="number"],input[type="submit"],input[type="password"],select,textarea{-webkit-appearance:none;-moz-appearance:none;appearance:none;}


        .home-content .content-details-section {padding-top: 30px;}   
        .sidebar{width: 28%;}
        #RightSidebar{width: 275px;}
        .profile-item figure { border: 8px solid transparent;     height: 196px;
            width: 196px;}
        .donate-heading h2 { background-size: 50px; font-size: 33px; padding-right: 43px;}
        .donate-information-wrap{margin-top: 20px;}
        .top-executive-wrap {margin-top: 80px;}
        .lattest-news-inner-wrap{margin-top: 20px;}
        .client-area h2{font-size: 44px;}
        .news-item-link{min-height: 130px;}
        .footer-logo { width: 60%; margin: 0 auto; float: none; display: block; margin-top: 54px;}
        .total-staff { min-height: 850px;}
        .highlighted-list-info,.highlighted-description{flex-flow: wrap;}
        .article-details-section { padding-bottom: 90px; padding-top: 30px;}
        .highlight-btn{bottom: 11%;}
        .highlight-btn a { margin: 15px 8px;}
        .hero-info { top: 20%; -webkit-transform: translateY(0); -moz-transform: translateY(0); transform: translateY(0);}

        /* ======================== Programs Page Style ======================== */
        .programs-row{margin-top: 0;}
        .programs-row:first-child{padding-top: 0;}
        .programs-button:before { background-size: 80px; width: 80px; height: 80px; }
        .programs-button:after {left: 70px; width: -webkit-calc(100% - 70px); width: calc(100% - 70px);}
        .programs-button{padding-left: 90px; height: 80px;}
        .ProgramFooter #FooterShown{margin-top: 0;}
        .contact-content .content-holder-wrap{margin-top: 0;}
        .default-content{margin-top: 20px;}
        .photo-item{min-height: 150px;}
        .photo-activities{margin-top: 20px;}
        .founder-inner-wrap img{ border-width: 20px;}


    }


    @media only screen and (min-width: 1025px) and (max-width: 1366px) {
        input[type="text"],input[type="email"],input[type="tel"],input[type="search"],input[type="number"],input[type="submit"],input[type="password"],select,textarea{-webkit-appearance:none;-moz-appearance:none;appearance:none;}

        .news-item-link{min-height: 122px;}
        .client-area h2{font-size: 44px;}
        .content-holder-wrap{margin-top: 0;}
        .footer-logo { width: 70%; margin: 0 auto; float: none; display: block; margin-top: 10px;}
        .article-details-section { padding-bottom: 100px;}
        .programs-row{margin-top: 0;}
        .btn.large{width: 270px;}
        .top-executive-wrap{margin-top: 80px;}

       
    }