@media only screen and (max-width: 1100px) {
 header .logo {
    position: relative;
    top: 0px;
    line-height: 0px;
}

.navbar {
    justify-content: space-between;
}

.gt_selected a, .gt_selected a:hover {
    padding: 0px 10px!important;!importan;!importa;!import;!impor;!impo;!imp;!im;!i;!;
}


header .nav {
   display: none;
   position: fixed;
   right: 0px;
   top: 0px;
   height: 100%;
   background: #009846;
   width: 92%;
   max-width: 352px;
   z-index: 99;
   overflow: scroll;
   padding-bottom: 44px;
}

header {
    padding: 7px 0px;
}

header .logo img {
    width: 112px;
}

header .nav ul {
    display: block;
    text-align: left;
    padding: 25px 15px;
}

header .nav ul li {
    padding: 3px;
}

header .nav ul li.last a {
    padding: 0px;
    background: none;
}

.menuIocn, .cross {
    display: block;
}

.menuIocn {
    font-size: 31px;
    color: #009846;
}
header .nav.active {
    display: block;
}

.cross i {
    font-size: 18px;
    color: #fff;
}

.cross {
    padding: 13px;
    position: absolute;
    right: 0px;
}
header .nav ul li a.active:before, header .nav ul li a.active:after {
    display: none;
}
header .nav ul li a {
    padding: 0px 0px;
    color: #fff;
}

header .nav ul li a.active{
    color: #ffffff!important;
}

/*header .nav ul li.last a.active {
    background: #fff;
    color: #009846;
}*/

section.about-us .aboutSec:after,
section.affiliations:after {
    background-size: 100% 100%;
}

li.menu-item-has-children:hover ul.sub-menu {
    width: 100%;
    position: relative;
    left: 0px;
    background: transparent;
    color: #fff;
    padding: 4px 0px;
}

li.menu-item-has-children:hover ul.sub-menu li:hover ul {
    left: 0px;
    width: 100%;
    position: relative;
    background: none;
    padding-top: 15px;
}

li.menu-item-has-children:hover ul.sub-menu li {
    padding: 0px 7px;
}


}


@media only screen and (max-width: 800px) {
    section.milestone .milestone-wave .waveImg {
    display: none;
}

section.testimonials .testimonialsSec .imgSec {
    width: 100%;
}

section.testimonials .testimonialsSec .testimonialsText {
    width: 86%;
}

section.milestone {
    display: none;
}

section.milestone.mobilemilstone {
    display: block!important;!importan;!importa;!import;!impor;!impo;!imp;!im;!i;!;
}

section.productDetails .productArea .pro-img .proac-img > .img {
    height: 400px;
}

section.partners-products .service-list ul li .logoMain .img {
    height: 304px;
}

section.mainBannerProduct {
    padding: 30px 0px;
}

section.mainBannerProduct h1 {
    font-size: 34px;
}

section.partners .service-list ul li .organisation-name {
    visibility: visible;
    font-size: 13px;
}

section.milestone .milestone-wave .milestoneList ul li {
    margin: 0.5%!important;
    width: 24%;
    background: #ffffff;
    text-align: center;
    padding: 7px;
    border-radius: 10px;
}

section.milestone .milestone-wave .milestoneList ul {
    width: 100%;
    justify-content: center;
}

section.milestone .milestone-wave {
    margin: 0px;
}

section.milestone .milestone-wave .milestoneList ul li .stepimg {
    text-align: center;
    display: flex;
    justify-content: center;
}

section.milestone .milestone-wave .milestoneList ul li .years {
    font-size: 18px;
}

section.milestone .milestone-wave .milestoneList ul li .txt p {
    font-size: 15px;
}
    section.mainBanner .bannerText .banner-txt .bannerHeadline {
        font-size: 32px;
        line-height: 40px;
    }

    section.projectInfo .projectInfo-list ul li .projectDetails .projectSlider, section.projectInfo .projectInfo-list ul li .details {
        width: 100%;
    }

    section.innerBanner {
        padding: 30px 0px 0px 0px;
    }

    section.projectInfo .heading .heading-title {
        font-size: 28px;
    }

    .heading p {
        padding: 0px;
    }

    .emailList .emailwithIcon {
        padding: 10px 0px;
    }

    .emailList .emailwithIcon .email {
        font-size: 19px;
    }

    section.contactInfo {
        padding: 30px 0px 0px 0px;
    }

    section.contactInfo .heading .heading-title {
        font-size: 26px;
    }

    section.map {
        padding: 30px 0px;
    }

    section.social-media-links .social-links ul {
        width: 100%;
    }

    section.social-media-links .social-links ul li a {
        font-size: 15px;
    }

    section.social-media-links {
        padding: 30px 0px 30px 0px;
    }

    section.contactInfo .contact-form {
        width: 70%;
    }

    .form-control {
        height: 48px;
        font-size: 15px;
    }

    section.affiliations:after {
        background-size: 100% 100%;
    }

    section.mainBanner {
        height: 63vh;
    }

    section.about-us {
        padding: 30px 0px 0px 0px;
    }

    .heading .heading-title {
        font-size: 28px;
    }

    .heading {
        padding-bottom: 12px;
    }

    section.about-us .aboutSec {
        padding: 30px 0px 30px 0px;
        background-color: #f6f7fc73;
    }

    .txt p {
        font-size: 15px;
        line-height: 24px;
    }

    section.conterSec .conterList ul li .countNumber {
        font-size: 29px;
    }

    section.conterSec .conterList ul li .img img {
        width: 49px;
        margin-bottom: 20px;
    }

    section.conterSec .conterList ul li .txt p {
        font-size: 14px;
        line-height: 20px;
    }

    section.conterSec {
        padding: 60px 0px;
    }

    section.products .productList ul li .productDet img {
        width: 186px;
        height: 186px;
    }

    section.products {
        padding: 60px 0px;
    }

    section.products .productList ul li .productDet .productName {
        font-size: 17px;
    }

    section.services .serviceList ul li .serviceName {
        font-size: 18px;
        padding: 16px 0px;
    }

    section.services .serviceList ul li {
        width: 46%;
        padding: 0px 18px;
    }

    section.affiliations {
        padding: 60px 0px 36px 0px;
        background-size: auto;
    }

    footer {
        padding: 42px 0px;
    }

    footer .footerFlex .footerLinks:not(:last-child) ul {
        display: block;
    }

    footer .footerFlex .footerLinks:not(:last-child) ul li {
        width: 100%;
    }

    footer .connect {
        margin-top: 42px;
    }
    section.testimonials .owl-nav {
    position: absolute;
    bottom: 0px;
    width: 100%;
    display: flex
;
    justify-content: center;
}
}


@media only screen and (max-width: 500px) {
        header {
        padding: 3px 0px;
    }

    .loupe {
    display: none !important;
}

header .nav ul li.current-menu-item a.active:before{
    display: none;
}

    section.testimonials .testimonialsSec .imgSec {
    width: 100%;
}

section.testimonials .testimonialsSec .testimonialsText {
    width: 100%;
}

section.ourGoal {
    text-align: left;
}

section.ourGoal .whyFlex .img, section.ourGoal .whyFlex .why-txt {
    width: 100%;
}

section.job-listing {
    padding: 0px 0px 22px 0px;
}

section.job-listing .job-list .listing-jpb-area ul li {
    width: 100%;
    margin: 1% 0px;
    font-size: 15px;
}

section.job-listing .job-list .listing-jpb-area ul li .job-short .title {
    font-size: 17px;
}


    section.productDetails p, section.productDetails ul li, section.productDetails tr, section.productDetails ul td {
    font-size: 15px;
    line-height: 24px;
}

section.productDetails .productArea .pro-img .proac-img {
    width: 100%;
}

section.productDetails .productArea .pro-img .detila {
    width: 100%;
    margin-top: 10px;
}

section.productDetails .productArea .pro-img .proac-img > .img {
    height: 322px;
}

section.productDetails h3 {
    font-size: 18px;
    padding: 19px 0px 2px 0px;
}

table.table {
    padding: 0px;
    margin: 0px;
}

    section.partners-products .service-list ul li {
    width: 48%;
}

section.partners-products .service-list ul li .organisation-name {
    font-size: 15px;
}

section.partners-products .service-list ul li .logoMain .img {
    height: 272px;
}

    section.mainBannerProduct {
    padding: 30px 0px;
}

section.mainBannerProduct h1 {
    font-size: 34px;
}

section.partners .service-list ul li .organisation-name {
    visibility: visible;
    font-size: 13px;
}

section.mainBannerProduct h1 {
    font-size: 24px;
    line-height: 36px;
}

section.mainBannerProduct {
    padding: 15px 0px;
}

section.partners .service-list ul li {
    width: 48%;
    margin: 2% 1%;
}

section.partners .service-list ul li .logoMain .img {
    height: 156px;
}

    section.affiliations .owl-nav button span {
    width: 30px !important;
    height: 30px !important;
    font-size: 23px;
}

    .steps-life-cycle .cycleFlex .cycleImg, .steps-life-cycle .cycleFlex .tab-content {
    width: 100%;
}

.steps-life-cycle .cycleFlex .tab-content .navContent {
    height: auto;
    padding: 23px 0px;
}

.steps-life-cycle .cycleFlex .tab-content h3 {
    font-size: 21px;
    padding-bottom: 7px;
}

section.milestone .milestone-wave .milestoneList ul li .img {
    width: auto;
    margin: 0px;
}

p, .steps-life-cycle .cycleFlex .tab-content p {
    font-size: 15px;
}

section.ourHolistic {
    padding: 30px 0px;
}

.steps-life-cycle {
    padding-top: 30px;
}

section.looking-ahead {
    padding-top: 30px;
}

    section.products, section.milestone {
    background-color: #f6eee8;
    padding: 30px 0px;
}

section.milestone .milestone-wave .milestoneList ul li {
    margin: 1%;
    width: 48%;
}

section.mainBanner .iinerFlex .innerbannerImg, section.mainBanner .iinerFlex .bannerText {
    width: 100%;
    margin-top: 10px;
}

section.mission-vision {
    padding: 30px 0px;
}

section.mission-vision .missionFlex .mission, section.mission-vision .missionFlex .vision {
    width: 100%;
}

section.mission-vision .missionFlex .title {
    font-size: 19px;
}

section.mission-vision .missionFlex .title img {
    height: 29px;
}

    section.innerBanner {
        padding: 22px 0px 0px 0px;
    }

    section.products {
        background-color: #f2eae4;
        padding: 30px 0px;
    }

    section.products .heading {
        padding-bottom: 22px;
    }

    section.innerBanner .bannerImg .img img {
        width: 100%;
        border-top-left-radius: 82px;
    }

    section.projectInfo .projectInfo-list ul li:nth-child(odd) .projectDetails .projectSlider .img img {
        border-top-right-radius: 106px;
    }

    section.projectInfo .projectInfo-list ul li:nth-child(even) .projectDetails .projectSlider .img img {
        border-top-left-radius: 106px;
    }

    section.projectInfo .projectInfo-list ul li:not(:last-child) {
        padding-bottom: 36px;
    }

    section.projectInfo .owl-nav {
        position: relative;
        margin-left: auto;
        justify-content: end;
    }

    section.listDetails .listDetails-List ul li {
        width: 93%;
        margin: 0px auto;
        position: relative;
    }

    section.listDetails {
        padding: 0px 0px 0px 0px;
    }

    section.projectInfo .projectInfo-list ul li .projectDetails .heading .heading-title {
        font-size: 21px;
        line-height: 30px;
    }

    section.projectInfo .projectInfo-list ul li .projectDetails .heading{
        padding-bottom: 0px;
    }

    section.listDetails .listDetails-List ul {
        padding-bottom: 0px;
    }


    section.ourGoal {
        padding: 30px 0px;
    }

    section.projectInfo {
        padding: 30px 0px;
    }

    .emailList .emailwithIcon {
        padding: 6px 0px;
    }

    .emailList .emailwithIcon .email {
        font-size: 17px;
        width: calc(100% - 44px);
    }

    .emailList .emailwithIcon .icon i {
        font-size: 24px;
    }

    .emailList .emailwithIcon .email span {
        font-size: 14px;
    }

    section.contactInfo {
        padding:0px 0px 0px 0px;
    }

    section.contactInfo .heading .heading-title {
    text-align: left;
}

section.contactInfo .heading .heading-title {
    text-align: left;
}

section.contactInfo {}

section.followus .followusImg .img {
    width: 100%;
}

section.followus .followusImg {
    flex-wrap: wrap;
}

iframe {
    width: 100%!important;
    height: 232px!important;
}

section.testimonials .testimonialsSec .testimonialsText .peroson-details {
    display: block;
}

.fb-page.fb_iframe_widget {
    width: 100%!important;
    display: block!important;
}

section.mainBanner .iinerFlex {
    padding-top: 22px;
}


    .emailInfo.phone .emailList {
        display: block;
    }

    .emailInfo.phone .emailList .emailwithIcon {
        width: 100%;
        justify-content: flex-start;
    }

    section.contactInfo .heading .heading-title {
        font-size: 21px;
    }

    section.contactInfo .contact-form {
        width: 100%;
        padding: 7px;
    }

    section.about-us .aboutSec:after,
    section.affiliations:after {
        background-size: cover;
    }

    .form-control {
        font-size: 14px;
    }

    section.social-media-links .social-links ul {
        flex-wrap: wrap;
        justify-content: flex-start;
    }

    section.social-media-links .social-links ul li {
        padding: 6px 4px;
        width: 31.33%;
        margin: 1%;
    }

    section.social-media-links .social-links ul li a {
        font-size: 12px;
    }

    footer .footerFlex .footerLinks {
        padding: 8px 12px;
    }

    footer .footerFlex .footerLinks .titleLine {
        font-size: 19px;
        padding-bottom: 7px;
    }
    header .logo img {
        width: 87px;
    }
    .carousel-item .alignCenter {
        display: block;
    }

    .carousel-indicators {
        bottom: -20px;
    }

    header .nav ul li a {
        padding: 2px 0px;
        font-size: 14px;
    }

    header .nav ul li a.active:after {
        display: none;
    }

    header .nav ul li a.active:before {
        display: none;
    }

    section.mainBanner .bannerImg {
        width: 100%;
        position: relative;
    }

    section.mainBanner {
        height: auto;
    }

    section.mainBanner .bannerText .banner-txt {
        width: 100%;
        padding-top: 12px;
    }

    section.products .productList ul li {
        width: 48%;
        margin: 1%;
    }

    section.products .productList ul li .productDet img {
        width: 132px;
        height: 132px;
    }

    section.products .productList ul li .productDet .productName {
        font-size: 15px;
        padding: 10px 0px 21px 0px;
    }

    section.services {
        padding: 30px 0px;
    }

    section.services .serviceList ul li {
        width: 100%;
        margin: 2% 0px;
    }

    section.services .serviceList ul li .serviceName {
        font-size: 17px;
        padding: 15px 0px;
    }

    section.services .txt p {
        font-size: 14px;
    }

    section.mainBanner .bannerText .banner-txt .bannerHeadline {
        font-size: 27px;
        font-weight: 600;
        line-height: 36px;
        margin-bottom: 12px;
    }

    section.mainBanner .bannerText .banner-txt p {
        font-size: 15px;
    }

    .heading .heading-title, section.projectInfo .heading .heading-title {
       font-size: 24px;
        margin: 0px;
        text-transform: none;
        line-height: 33px;
    }

    section.social-media-links .social-links ul li i {
        width: 27px;
        height: 27px;
        font-size: 16px;
    }

    button {
        padding: 9px 19px;
                font-size: 14px;
    }

    section.affiliations .affiliationsImg .img, section.affiliations .affiliationsImg {
    height: 138px;
}

    section.affiliations:after {
        background-size: cover;
        background-position: center;
    }

    section.affiliations {
        padding: 30px 0px;
    }

    section.testimonials {
        padding: 30px 0px;
    }

    section.testimonials .testimonialsSec .imgSec {
        width: 100%;
    }

    section.testimonials .testimonialsSec .testimonialsText {
        width: 100%;
        margin: 0px;
        padding: 9px;
    }

    section.testimonials .owl-nav {
        position: relative;
        width: 100%;
        justify-content: center;
        margin-top: 12px;

    }

    section.testimonials .testimonialsSec .testimonialsText .peroson-details .name, section.testimonials .testimonialsSec .testimonialsText .peroson-details .city {
        font-size: 17px;
        width: 100%;
    }

    section.testimonials .testimonialsSec .testimonialsText .txt p {
        font-size: 14px;
    }

    footer .footerFlex .footerLinks {
        width: 100%;
    }

    footer .footerFlex .footerLinks:not(:last-child) {
        border: none;
    }

    footer {
        padding: 22px 0px;
    }

    footer .footerFlex .footerLinks ul li {
        padding: 4px 0px;
    }

    footer .connect {
        margin-top: 15px;
        padding: 12px 0px;
    }

    footer .connect .connect-flex {
        flex-wrap: wrap;
        justify-content: center;
    }
    section.conterSec {
        padding: 30px 0px;
    }

    section.conterSec .conterList ul li {
        width: 48%;
        margin: 3% 1%;
    }

    section.conterSec .conterList ul li .img img {
        margin-bottom: 16px;
    }

    section.conterSec .conterList ul li .countNumber {
        font-size: 27px;
        margin-bottom: 0px;
    }

    section.conterSec .conterList ul {
        justify-content: center;
    }

}