* {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    outline: none;
    border: 0;
}
*:before,
*:after {
    outline: none;
    border: 0;
}
html,body,div,span,applet,object,iframe,
h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,
address,big,cite,code,small,strike,strong,sub,sup,tt,
var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,
label,legend,table,caption,tbody,tfoot,thead,tr,th,td,
article,aside,canvas,details,embed,figure,
figcaption,footer,header,hgroup,menu,nav,output,
ruby,section,summary,time,mark,audio,video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}
button,
input,
textarea,
select {
    font-family: 'Lato', sans-serif;
}
img {
    -webkit-user-select: none;/* Chrome, Opera, Safari */    
    -moz-user-select: none;/* Firefox 2+ */    
    -ms-user-select: none;/* IE 10+ */    
    user-select: none;/* Standard syntax */    
    display: block;
    max-width: 100%
}
h1,h2,h3,h4,h5,h6{
    margin: 0;
}
/* HTML5 display-role reset for older browsers */

article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {
    display: block;
}
h1, h2, h3, h4, h5, h6, p, li, td {
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBNYWNpbnRvc2giIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6OTJBQkFGRUZFOTIyMTFFMEJDRDNEQzkxOTVGOTNBODAiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6OTJBQkFGRjBFOTIyMTFFMEJDRDNEQzkxOTVGOTNBODAiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo5MkFCQUZFREU5MjIxMUUwQkNEM0RDOTE5NUY5M0E4MCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo5MkFCQUZFRUU5MjIxMUUwQkNEM0RDOTE5NUY5M0E4MCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PtrV+I8AAAAQSURBVHjaYvj//z8DQIABAAj8Av7bok0WAAAAAElFTkSuQmCC',sizingMethod=crop);
  zoom: 1;
}
.img-responsive {
    max-width: 100%;
}
.clearfix:before {
    display: table;
    content: " ";
}
.clearfix:after {
    display: table;
    content: " ";
    clear: both;
}
ul,
ol {
    list-style: none;
    padding: 0;
    margin: 0;
}
html {
    height: 100%;
    font-size: 16px;
}
body {
    line-height: 1;
    font-family: 'Lato', sans-serif;
    overflow-x: hidden;
    font-size: 14px;
    text-rendering: optimizeLegibility !important;
    -webkit-font-smoothing: antialiased !important;
    -moz-osx-font-smoothing: grayscale !important;
    font-weight: 400;
}
.sprite {
    background-image: url("../images/sprite.png");
    display: inline-block;
}
/* Header */
header h1 {
    float: left;
}
header nav.menu {
    float: right;
    margin-top: 60px;
    transition: 0.5s ease;
    -moz-transition: 0.5s ease;
    -webkit-transition: 0.5s ease;
    -o-transition: 0.5s ease;
    -ms-transition: 0.5s ease;
}
header {
    padding: 17px 15px 12px;
    background: #F2F2EA;
    box-shadow: 4px 4px 4px 0 rgba(0, 0, 0, 0.75);
    position: fixed;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 999;
}
header nav.menu ul {
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
}
header nav.menu ul li {
    font-size: 14px;
    display: inline-block;
}
header nav.menu ul li a {
    color: #000000;
    text-decoration: none;
    display: inline-block;
    padding: 0 14px;
    font-size: 17px;
}
header h1 a {
    display: inline-block;
}
header nav.menu ul li + li {
    border-left: 1px solid #333;
}

/* Header Ends */

.non-profit-voluntory {
    text-align: center;
    font-size: 17px;
    line-height: 120%;
    margin: 20px 20px;
}

/* Milestones */
.milestones {
    width: 50%;
    float: left;
    padding-right: 30px;
}
section.ongoing-awards {
    width: 50%;
    float: left;
}
section.ongoing-projects {
    box-shadow: 0px 5px 7px 5px rgba(0, 0, 0, 0.10);
    border: 1px solid #ddd;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    padding: 18px 11px;
    margin-bottom: 15px;
}
.container {
    padding: 0 15px;
}
.awards-recognition .society {
    width: 35%;
    float: left;
    margin-right: 5%;
}
.awards-recognition .champion {
    width: 60%;
    float: left;
}
.awards-recognition img {
    width: 100%;
    box-shadow: 0 0 25px 0 #000CFF;
    margin-bottom: 20px;
}
.milestones img {
    max-width: 100%;
    margin: auto;
}
.awards-recognition p {
    font-size: 15px;
    line-height: normal;
}

/* Milestones */
section.ongoing-awards h3 {
    font-size: 25px;
    color: #098F21;
    font-weight: 700;
    margin-bottom: 20px;
    text-align:center
}
section.ongoing-projects h3 {
    text-align: left;
}
section.ongoing-projects ul li {
    padding-left: 42px;
    font-size: 19px;
    color: #000;
    position: relative;
    line-height: 27px;
}
section.ongoing-projects ul li + li {
    margin-top: 12px;
}
section.ongoing-projects ul li .orderlist-icon {
    width: 27px;
    height: 29px;
    position: absolute;
    left: 0;
    top: -1px;
}
section.awards-recognition h3 {
    color: #098F21;
    font-weight: 700;
    font-size: 32px;
    text-align: center;
    line-height: normal;
    margin-bottom: 20px;
}
section.awards-recognition {
    text-align: center;
}
.heading-border {
    position: relative;
    text-align: center;
    margin-bottom: 40px;
}
.heading-border:before {
    content: "";
    background: #D5EAB4;
    height: 5px;
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto;
}
section.our-work {
    margin-top: 44px;
    padding: 0 11px;
}
.heading-border span {
    color: #098F21;
    font-size: 25px;
    font-weight: 700;
    position: relative;
    background: #fff;
    min-width: 449px;
    line-height: 120%;
    display: inline-block;
}
.our-work ul.our-work-lists img {
    margin: auto;
}
.our-work ul.our-work-lists {
    display: flex;
} 
.our-work ul.our-work-lists li {
    width: 32.5%;
    flex: 1;
    background: #F3F3F3;
    box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.75);
    padding: 8px 0;
    text-align: center;
    margin-bottom: 52px;
}
.our-work ul.our-work-lists li + li {
    margin-left: 1%;
}
.our-work ul.our-work-lists li h4 {
    line-height: 120%;
    color: #098F21;
    font-weight: 900;
    font-size: 22px;
    margin-bottom: 20px;
}
.our-work ul.our-work-lists li h5 {
    color: #211509;
    font-size: 21px;
    line-height: 120%;
    font-weight: 700;
    margin-bottom: 3px;
}
.our-work ul.our-work-lists li p {
    color: #211509;
    font-size: 21px;
    line-height: 120%;
}
.our-work ul.our-work-lists li p a {
    font-size: 14px;
    color: #098F21;
    cursor: pointer;
}
.our-work-videos li {
    width: 32.5%;
}
.our-work-videos li iframe {
    width: 100%;
}
.our-work ul.our-work-videos li + li {
    margin-left: 1%;
}
ul.our-work-videos {
    margin-bottom: 0;
    display:flex;
}
section.about-us {
    position: relative;
    margin-bottom: 34px;
}
section.about-us img {
    width: 100%;
}
.owl-dots.disabled {
    display: none;
}
section.about-us h3 {
    font-size: 37px;
    color: #fff;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    top: 0;
    bottom: 0;
    height: 37px;
    display: inline-block;
    text-align: center;
}
section.our-work + section.our-work li {
    margin-bottom: 40px;
}
section.vision h3 {
    margin-bottom: 35px;
    font-weight: 700;
    font-style: italic;
    font-size: 26px;
    color: #098F21;
}
section.vision p {
    margin-bottom: 60px;
    font-size: 17px;
    color: #1B1B1B;
    line-height: 120%;
}
section.vision {
    text-align: center;
    max-width: 972px;
    margin: auto;
    margin-bottom: 80px;
}
section.vision img {
    margin: auto;
    max-width: 80%;
}
section.mission p {
    font-size: 14px;
    color: #1B1B1B;
    margin-bottom: 18px;
    line-height: normal;
}
section.mission img {
    float: left;
    margin-right: 10px;
}
section.mission h3 {
    font-size: 17px;
    color: #098F21;
    font-weight: 700;
    font-style: italic;
    margin-bottom: 16px;
}
section.mission {
    padding: 0 15px;
    margin-bottom: 35px;
}
section.mission p:last-child {
    margin-bottom: 0
}
footer {
    background: #2D2D2D;
    color: #fff;
    padding: 15px 34px 0;
}
footer .heading-border span {
    min-width: 199px;
    background: #2d2d2d;
    color: #fff;
    font-size: 20px;
}
footer .heading-border:before {
    height: 1px;
}
footer .heading-border {
    margin-bottom: 45px;
}
footer .office-lists li {
    float: left;
    width: 20%;
    margin-left: 0%;
    line-height: normal;
}
footer .office-lists li h3 {
    margin-bottom: 30px;
    font-size: 17px;
    font-weight: 700;
}
footer .office-lists li:first-child {
    margin-left: 0;
}
footer .office-lists li p {
    font-size: 17px;
}
ul.office-lists.clearfix {
    padding-bottom: 25px;
    border-bottom: 1px solid #D5EAB4;
}
footer .office-lists li p span {
    display: block;
}
.bottom-footer {
    display: table;
    width: 100%;
    margin-top: 25px;
}
.bottom-footer .updates {
    display: table-cell;
    vertical-align: bottom;
    font-size: 22px;
}
.bottom-footer .map {
    width: 771px;
    display: table-cell;
}
ul.social-icons li .sprite {
    width: 46px;
    height: 45px;
    margin-right: 10px;
}
ul.social-icons {
    font-size: 0;
    margin-top: 15px;
    padding-left: 15px;
}
ul.social-icons li {
    display: inline-block;
}
a.sprite.facebook {
    background-position: 0 -71px;
}
a.sprite.twitter {
    background-position: -49px -71px;
}
a.sprite.instagram {
    background-position: -98px -71px;
}
a.sprite.youtube {
    background-position: -148px -71px;
}
p.copyright {
    text-align: center;
    padding: 25px 0;
}
.people-worked .message {
    background: #F6E1CB;
    padding: 10px;
    font-size: 13px;
    line-height: normal;
    position: relative;
    z-index: 1;
}
.users {
    margin-top: 5px;
    background: #fff;
    position: relative;
    padding: 10px;
    box-shadow: 0 2px 7px 0 rgba(0, 0, 0, 0.05);
    margin-bottom: 7px;
}
.users .user-image img {
    width: 100%;
}
.users .user-image {
    width: 106px;
    height: 99px;
    display: inline-block;
    vertical-align: top;
    overflow: hidden;
}
.users .info {
    font-size: 14px;
    display: inline-block;
    padding-left: 15px;
    max-width: 273px;
    line-height: normal;
}
.users .info h4 {
    font-size: 17px;
    margin-bottom: 25px;
}
.users .info p {
    font-size: 13px;
}
.users .info p span {
    display: block;
}
.people-worked .message:after {
    content: "";
    background-image: url("../images/sprite.png");
    width: 44px;
    height: 44px;
    position: absolute;
    background-position: 0 -120px;
    top: 100%;
    right: 140px;
}
.visitor-book .message {
    background: #ebebeb;
    padding: 10px;
    line-height: normal;
    position: relative;
    z-index: 1;
    font-size: 17px;
}
.visitor-book .message:after {
    content: "";
    background-image: url("../images/sprite.png");
    width: 22px;
    height: 34px;
    position: absolute;
    background-position: -53px -117px;
    top: 100%;
    right: 83px;
}
.visitor-book .users .info h4 {
    font-size: 23px;
    margin-bottom: 0;
}
.visitor-book .users .info p {
    font-size: 17px;
}
.visitor-book .users {
    margin-top: 0;
    background: #fff;
    position: relative;
    padding: 20px 10px 10px;
    box-shadow: 0 2px 7px 0 rgba(0, 0, 0, 0.05);
    margin-bottom: 7px;
    min-height: 118px;
}
.bottom-footer .map iframe {
    width: 100%;
    height: 444px
}
section.banner img {
    width: 100%;
}
section.people-worked, section.visitor-book {
    margin-bottom: 25px ;
}
section.banner {
    margin-top: 110px;
    position: relative;
}
header.fixed .logo img {
    max-width: 125px;
}
header.fixed nav.menu {
    margin-top: 33px;
}
header .logo img {
    transition: 0.5s ease;
    -moz-transition: 0.5s ease;
    -webkit-transition: 0.5s ease;
    -o-transition: 0.5s ease;
    -ms-transition: 0.5s ease;
}
.banner-content {
    font-size: 26px;
    color: #fff;
    position: absolute;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.75);
    padding: 15px 20px;
    line-height: 130%;
    text-align: right;
}

.banner-content p span {
    display: block;
}
.banner-content .sprite {
    width: 159px;
    height: 150px;
    background-position: -80px -119px;
}

.banner-content .years {
    position: absolute;
    text-align: center;
    font-size: 61px;
    line-height: 74%;
    left: 97px;
    top: 33px;
}

.banner-content .years span {
    font-size: 26px;
    display: block;
}
.visitor-book .users .info {
    max-width: 100%;
    padding: 0;
}
.our-work-videos li iframe {
        width: 100%;
    height: 100%;
}
.news{
    padding: 150px 20px 0;  
    line-height:normal;
}
.news h3 span {
    background: #fff;
    color: #229636;
}
.news .links h4{
    font-size: 29px;
    line-height:normal;
    margin-bottom: 5px;
}
.news  a{
    display:inline-block;
    width:100%;
    color: #229636;
    text-decoration:none;
    word-break: break-word;
}
.news .links a{
    margin-bottom: 40px;
    font-size: 21px;
}
.latest-news {
     column-count: 2;
     -webkit-column-count: 2;
     column-gap: 40px;
     margin: 40px 0;
     -moz-column-gap: 40px;
     -webkit-column-gap: 40px;
}
.latest-news img {
    width:100%;
    margin-bottom: 20px;
}
.latest-news h5 {
    font-size: 25px;
    font-weight: 600;
    margin-bottom: 25px;
    line-height: 33px;
}
.latest-news h6 {
    font-size: 21px;
    font-weight: 600;
    margin-bottom: 30px;
    line-height: 30px;
}
.latest-news p {
    margin-bottom: 30px;
    font-size: 25px;
    line-height: 33px;
}
.latest-news p span {
    display: block;
}
.latest-news .nomargin {
    margin-bottom: 0;
}
.latest-news .small {
    font-size: 17px;
    line-height: 24px;
}
.latest-news div {-webkit-column-break-inside: avoid;break-inside: avoid;page-break-inside: avoid;}
section#partners .heading-border {
    margin-bottom: 0;
}
.morecontent span {
    display: none;

}
.message a {
    font-size: 14px;
    color: #098F21;
    text-decoration: none;
}
.owl-theme .owl-dots .owl-dot span {
    width: 12px;
    height: 12px;
    margin: 5px;
}
@media (max-width: 1199px) {
    header h1 {
        max-width: 140px
    }
    header nav.menu {
        margin-top: 45px;
    }
    header nav.menu ul li a {
        font-size: 15px
    }
    .non-profit-voluntory {
        font-size: 15px
    }
    section.ongoing-projects h3 {
        font-size: 20px;
    }
    section.ongoing-projects ul li {
        font-size: 17px;
        line-height: 20px
    }
    section.ongoing-projects ul li .orderlist-icon {
        width: 20px;
        height: 21px;
        background-position: -7px -175px;
    }
    section.awards-recognition h3 {
        font-size: 23px;
    }
    .our-work ul.our-work-lists li {
        padding: 8px;
    }
    .our-work ul.our-work-lists img  {
        margin: 0 0 10px;
    }
    .our-work ul.our-work-lists li h5 {
        font-size: 19px
    }
    .our-work ul.our-work-lists li p {
        font-size: 15px;
    }
    section.about-us h3 {
        font-size: 28px
    }
    section.vision h3 {
        font-size: 22px
    }
    section.vision {
        padding: 0 30px 
    }
    section.vision p {
        font-size: 14px;
    }
    section.mission img {
        max-width: 50%;
    }
    footer .office-lists li p {
        font-size: 13px;
    }
    footer .office-lists li h3 {
        font-size: 15px
    }
    .bottom-footer .map {
        width: 60%;
        display: table-cell;
    }
    bottom-footer .map iframe {
        width: 100%;
    }
    .visitor-book .message {
        font-size: 14px
    }
    .visitor-book .users .info p {
        font-size: 14px;
    }
    .visitor-book .users .info h4 {
        font-size: 19px;
        margin-bottom: 0;
    }
    section.banner {
        margin-top: 89px
    }
    .awards-recognition p {
        font-size: 13px;
    }
    .banner-content {
        font-size: 20px;    
    }
    .banner-content .years {
        font-size: 41px;
    }
    .banner-content .years span {
        font-size: 17px;
    }
    .banner-content .sprite {
        width: 112px;
        height: 106px;
        background-position: -204px -2px;
    }
    section.mission p {
        font-size: 13px;
    }
    .news .links h4 {
        font-size: 24px;
    }
    .news .links a {
        font-size: 18px;
    }
    .latest-news h5 {
        font-size: 22px;
        margin-bottom: 20px
    }
    .latest-news p {
        font-size: 17px;
        margin-bottom: 20px;
        line-height: 28px   
    }
    .latest-news h6 {
        line-height: 25px;
        font-size: 18px;
        margin-bottom: 20px
    }
    .latest-news small {
        font-size: 15px;
    }
    .news {
        padding: 130px 20px 0
    }
}
@media (max-width: 999px) {
    .visitor-book .message {
    }
    header nav.menu ul li a {
        font-size: 13px;
        padding: 0 8px;
    }
}
@media (max-width: 768px) {
    .milestones, section.ongoing-awards {
        width: 100%;
    }
    section.ongoing-projects {
        width: 45%;
        float: left;
    }
    section.awards-recognition {
        width: 50%;
        margin-left: 2%;
        float: left;
    }
    .owl-theme .owl-dots .owl-dot span {
        width: 8px;
        height: 8px;
        margin: 4px;
    }
    .bottom-footer .updates {
        font-size: 18px;
    }   
    .milestones img {
        width: auto;
        max-width: 100%;
        margin:auto;
    }
    .news .links h4 {
        font-size: 18px;
    }
    .news .links a {
        font-size: 14px;
    }
    .latest-news h5 {
        font-size: 18px;
        margin-bottom: 20px
    }
    .latest-news p {
        font-size: 15px;
        margin-bottom: 20px;
        line-height: 22px   
    }
    .latest-news h6 {
        line-height: 25px;
        font-size: 16px;
        margin-bottom: 20px
    }
    .latest-news small {
        font-size: 14px;
    }
}
@media (max-width: 767px) {
    .non-profit-voluntory {
        font-size: 12px;
    }
    .heading-border span {
        font-size: 21px;
        min-width: auto;
        padding: 0 30px;
    }
    .our-work ul.our-work-lists li h4 {
        font-size: 17px;
        margin-bottom: 13px;
    }
    .our-work ul.our-work-lists li p {
        font-size: 13px;
    }
    span.menu.sprite {
        width: 25px;
        height: 18px;
        background-position: -7px -211px;
        position: absolute;
        right: 13px;
        top: 0;
        bottom: 0;
        margin: auto;
    }
    header h1 {
        max-width: 97px;
    }
    header nav.menu ul {
        position: absolute;
        left: 0;
        width: 80%;
        max-width: 300px;
        background: #fff;
        height: 100%;
        top: 0;
        padding: 0 15px;
        margin: 0;
        box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.5);
        overflow: auto;
        left: -100%;
        transition: 0.8s ease;
    -moz-transition: 0.8s ease;
    -webkit-transition: 0.8s ease;
    -o-transition: 0.8s ease;
    -ms-transition: 0.8s ease;
    }
    footer .heading-border span {
        min-width: 142px;
        background: #2d2d2d;
        color: #fff;
        font-size: 17px;
    }
    footer .heading-border {
        margin-bottom: 15px;
    }
    header nav.menu, header.fixed nav.menu {
        position: fixed;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        margin: 0;
        visibility: hidden;
    }
    header.open nav.menu ul {
        left: 0
    }
    header.open nav.menu, header.open.fixed nav.menu {
        visibility:visible
    }

    header nav.menu .overlay {
        background: rgba(255, 255, 255, 0.90);
        position: fixed;
        left: 0;
        top: 0;
        width: 100%;
        opacity: 0;
        height: 100%;
        transition: 0.5s ease;
    -moz-transition: 0.5s ease;
    -webkit-transition: 0.5s ease;
    -o-transition: 0.5s ease;
    -ms-transition: 0.5s ease;
    }
    header.open nav.menu .overlay {
        opacity: 1
    }
    header nav.menu ul li {
        width: 100%;
        line-height: 43px;
    }

    header nav.menu ul li+li {
        border-left: 0;
        border-top: 1px solid #efeeee;
    }
    section.banner {
        margin-top: 73px
    }
    header.fixed .logo img {
        max-width: 70px;
    }
    section.ongoing-projects {
        width: 100%
    }
    section.awards-recognition {
        margin-top: 0;
        padding-left: 0;
        width: 100%
    }
    ul.office-lists.clearfix {
        font-size: 0;
        padding-bottom: 0
    }
    footer .office-lists li {
        width: 33%;
        vertical-align: top;
        display: inline-block;
        float: none;
        margin-bottom: 30px;
    }
    .bottom-footer .map iframe {
        width: 100%;
        height: 292px;
    }
    header nav.menu ul li a {
        width: 100%
    }
    section.ongoing-projects h3 {
        font-size: 16px;
    }
    .news .links h4 {
        font-size: 15px;
    }
    .news .links a {
        font-size: 13px;
    }
    .latest-news h5 {
        font-size: 16px;
        margin-bottom: 20px
    }
    .latest-news p {
        font-size: 14px;
        margin-bottom: 20px;
        line-height: 22px   
    }
    .latest-news h6 {
        line-height: 25px;
        font-size: 15px;
        margin-bottom: 20px
    }
    .latest-news small {
        font-size: 13px;
    }
    .news{ 
        padding: 110px 20px 0;
    }
    
    
     ul.our-work-videos {
        display: block;
        font-size: 0;
        text-align: center;
    }
    .our-work-videos li {
        width: 48.5%;
        display: inline-block;
        margin-bottom: 15px;
        float: none;
        vertical-align: top
    }
    .our-work ul.our-work-videos li + li {
        margin-left: 3%;
    }
}
@media (max-width: 600px) {
    .banner-content {
        font-size: 15px;
        bottom: 0;   
    }
    .banner-content .sprite {
        width: 90px;
        height: 85px;
        background-position: -260px -126px;
    }
    .banner-content .years {
        font-size: 30px;
        left: 63px;
    }
    .banner-content .years span {
        font-size: 13px;
    }
}
@media (max-width: 525px) {
    section.ongoing-projects ul li {
        font-size: 15px;
        line-height: 20px;
    }
    .our-work ul.our-work-lists, ul.our-work-videos {
        display: block;
        font-size: 0;
        text-align: center;
    }
    .our-work ul.our-work-lists li, .our-work-videos li {
        width: 48.5%;
        display: inline-block;
        margin-bottom: 15px;
        float: none;
        vertical-align: top
    }
    .our-work ul.our-work-lists li + li, .our-work ul.our-work-videos li + li {
        margin-left: 3%;
    }
    .heading-border span {
        font-size: 15px;
        min-width: auto;
        padding: 0 15px;
    }
    .our-work ul.our-work-lists li h5 {
        font-size: 15px;
    }
    section.about-us h3 {
        font-size: 21px;
        height: 21px
    }
    section.about-us img {
        min-height: 80px
    }
    section.vision h3 {
        font-size: 19px;
        margin-bottom: 25px
    }
    section.vision p {
        font-size: 13px;
        margin-bottom: 25px;
    }
    .people-worked .message:after {
        width: 20px;
        height: 20px;
        background-position: -409px -110px;
        right: 30px;
    }
    .visitor-book .message:after {
        width: 13px;
        height: 20px;
        background-position: -436px -111px;
        right: 30px;
    }
    .bottom-footer .updates {
        display: inline-block;
        width: 100%;
        margin-bottom: 30px;
    }
    .bottom-footer .map {
        width: 100%;
        display: inline-block;
    }
    footer .office-lists li {
        width: 50%;
    }
    section.awards-recognition h3 {
        font-size: 18px;
    }
}
@media (max-width: 480px) {
    .banner-content p span {
        display: inline-block;
    }
    .banner-content p {
        text-align: center;
    }
    .banner-content .years {
        left: 0;
        width: 100%;
    }
    .banner-content {
        font-size: 15px;
        bottom: 0;
        position: relative;
        background: #000;
        text-align: center;
    }
    .our-work ul.our-work-lists li, .our-work-videos li {
        width: 100%
    }
    .our-work ul.our-work-lists li + li, .our-work ul.our-work-videos li + li {
        margin-left: 0
    }
    footer .office-lists li {
        width: 100%
    }
    .awards-recognition .society {
        width: 100%;
        margin-right: 0;
    }
    .awards-recognition .champion {
        width: 100%;
        margin-top: 15px;
    }
    .latest-news {
        column-count: 1;
        -webkit-column-count: 1;
        column-gap: 0px;
        margin: 30px 0;
        -moz-column-gap: 0px;
        -webkit-column-gap: 0px;
    }
        
}