/* 
    Document   : responsive
    Description: Purpose of the stylesheet follows.
*/

.boardMenuBar .menu li {
    padding: 0 0 5px;
    margin: 0 15px -2px 0;
}

.menuInner{
    padding: 0;
}
.span.sidetoggle2{
    right: 0;
}
.menuInner .widget_nav_menu{
    padding-right: 30px;
}
.partnership-single-text > div{
    position: relative;
    z-index: 222;
}

@media screen and (min-width:768px){
    .tablediv{ display: table; table-layout: fixed;}
    .tablediv > div{ display: table-cell; float: none; vertical-align: middle;}
}
@media screen and (min-width: 992px){

}
@media screen and (min-width:1800px){
    .history-data .history-img {
        position: absolute;
        top: 30px;
        /*        width: 900px;*/
        left: 170px;
    }
    #home-banner .item, .slidecontent,.bannerimg{
        height: 900px;
    }
}

@media screen and (min-width: 992px) and (max-width: 1199px){
    .steps-box .step-no {
        width: 100px;
        height: 100px;
        font-size: 17px;
    }
    .consultant-steps > div:before{ top: 30px;}

}
@media screen and (max-width:1400px){
    .slidecontent h4,.slidecontent h3{ 
        font-size: 40px;
    }
}
@media screen and (max-width:1199px){


    #donateFormTop .btn.primarybtn {
        height: 35px;
        padding: 0px 20px;
        line-height: 35px;
        font-size: 12px;

    }
    .theme-menu {
        padding-right: 95px;
    }
    .jobs-table tr th:nth-of-type(3){
        min-width: 210px;
    }
    .heading-3 h3, .heading-3 .h3{
        font-size: 22px;
    }
    h1.page-title{
        font-size: 40px;
    }
    .Investimage-1 img{
        max-width: 100%;
    }
    .locationIcon{
        width: 80px;
    }
    .consultant-steps > div:before{
        background-size: 70px !important;
    }
    #home-featured{
        padding-bottom: 90px;
    }
    .slidecontent h2{
        font-size: 35px;
        line-height: 45px;
    }
    .slidecontent p {
        font-size: 21px;
        line-height: 28px;
    }
    .whoweInnerImg img{
        width: 160px;
    }
    .aboutimg-3 {
        margin-top: -348px;
        margin-left: 84px;
    }
    .aboutimg-4 {
        margin-left: 84px;
        margin-top: -102px;
    }
    .history-img{
        display: none;
    }
    div.history-content{
        padding-left: 0;
        margin: 15px 0;
    }
    div.history-content p{
        max-width: calc(100% - 100px);
        display: inline-block;
        vertical-align: middle;
        padding-left: 16px;
        margin: 0; 
    }
    .history-content .year-outer{
        display: inline-block;
    }
    .upperPost:nth-child(2){
        display: none !important;
    }
    .publicationBottom .BoardDirectorOuter:nth-child(2){
        display: block !important;
    }
}

@media screen and (max-width: 991px){
    .steps-box .step-no {
        width: 100px;
        height: 100px;
        font-size: 17px;
    }

    .consultant-steps > div:before{ content: none !important;}
    #newsletterMain #accordion .panel-title a{
        font-size: 22px;
    }
    .apply-membership-col-2{
        min-height: 340px;
    }
    .member-portal h4{
        font-size: 26px;
    }
    .member-portal h4 br{
        display: none;
    }
    .main-impact-outer .outer-impact > div{
        width: 100%;
    }
    .main-impact-outer .outer-impact > div:nth-of-type(2){
        text-align: center;
        margin-top: 40px;
    }
    .main-impact-outer .section:nth-of-type(2n+2) .outer-impact{
        flex-direction: row;   
    }
    .section h2{
        font-size: 34px;
    }
    h3{
        font-size: 24px;
    }
    .related-head{
        font-size: 32px;
    }
    .titleOuter{
        font-size: 18px;
    }
    .locationOuter{
        margin:10px 0; 
    }
    header .mainhead .container{
        width: 100%;
    } 
    #innerpage-banner{
        height: 300px;
    }
    .consultant-steps > div:before{
        background-size: 100%;
    }
    .consultant-steps > div{
        margin-top: 50px;
    }
    .consultant-video-section{
        background-position: top right 30%;
    }
    .related-row > div{
        width: calc(100% / 3);
    }
    .consultant-steps > div:nth-of-type(2):before{
        display: none;
    }
    .bannerimg {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center;
    }
    .section{
        padding: 40px 0;
    }

    #home-featured{
        padding-bottom: 30px;
    }
    .ubermenu .ubermenu-target{
        padding: 15px 24px 15px 8px !important;
    }
    .featuredMain{
        text-align: center;
    }
    .featuredImgBox{
        width: 32%;
        display: inline-block;
        float: none;
        vertical-align: middle;
    }

    .intro-content{
        margin-bottom: 40px;
    }

    .vm-secion .row > div:nth-of-type(1){
        margin-bottom: 50px;
    }
    .circle-top-wrap {
        padding-top: 40px;
        padding-bottom: 0;
    }
    .circle-top-wrap .row > div:nth-of-type(1) .circle-img-holder,
    .circle-top-wrap .row > div:nth-of-type(3) .circle-img-holder{
        text-align: right;
    }
    .circle-top-wrap .row > div{
        padding: 15px;
    }
}
@media screen and (max-width: 959px){
    .theme-menu .navbar-toggle{
        display: none;
    }
    .theme-menu {
        /*        max-width: 220px;*/
        /*        float: right;*/
        padding: 0;
    }
    .ubermenu-responsive-toggle{
        padding: 25px 0 !important;
    }
    #ubermenu-main-2-primary-2 {
        float: right;
        margin-right: -20px;
        position: absolute;
        top: 100%;
        width: 250px;
        right: 5px;
        background: #0f4e29 !important;
    }
}
@media screen and (min-width: 768px) and (max-width: 991px){
    .bloginner{
        width: 50%;
    }
    .whatweLeft{ width: 100%;}
    .whatweInner{ text-align: center;}
    .footercopy{ text-align: center !important; width: 100%;}
    .outer-impact{ text-align: center;}
    .pressInner{ min-height: 440px;}
    #BoardTop{ padding-top: 0px;}
    #donateFormTop{ right: 45px; top: 16px;}
    .footertop1 h5{  font-size: 13px;}

}
@media screen and (min-width: 992px) and (max-width: 1199px){
    .ubermenu-skin-black-white-2{ font-size: 11px !important;} 
    header#header .ubermenu ul.ubermenu-nav > li{ padding: 8px 7px;}
    #BoardTop{ padding-top: 0px;}
    #donateFormTop{ right: -26px;}

}
@media screen and (max-width: 768px){

    [data-aos^=fade][data-aos^=fade],[data-aos][data-aos][data-aos-easing=ease-out-cubic], body[data-aos-easing=ease-out-cubic] [data-aos],
    [data-aos^=zoom][data-aos^=zoom]{
        opacity: 1 !important;
        transition: none !important;
        transform: none !important;
    }
    .intro-content p {
        text-align: left;
    }
    .sBoxInner a{
        display: inline-block;
        width: 100%;
    }
    .sBoxInner a.BlogSearchIcon{ display: none !important;}
}


@media screen and (max-width: 767px){
    .page-template-impact-new .upperPost:nth-child(1),  .page-template-resource-library .upperPost:nth-child(1){
        display: none;  
    }
    .publicationBottom .BoardDirectorOuter:first-of-type, .publicationBottom .BoardDirectorOuter:nth-child(2){
        display: block !important
    }
    .footerSocial{ text-align: center; margin-top: 20px;}
    .footertop1 h5 span{
        display: inline-block;
        width: 100%;
        float: left;
        text-align: center;
        margin-bottom: 10px;
    }
    #home-banner .item, .slidecontent {
        height: 400px;
    }
    .applybtnConsulting,.stepnote{ text-align: center;}
    #header{ position: fixed !important;}
    #main-wrapper{ padding-top: 99px !important;}
    #donateFormTop{ right: 45px; top: 15px;}
    .BoardDImage img{ width: 100%;} 
    .boardMenuBar .menu li{
        padding: 0 0 0px;
        margin: 0 15px 2px 0px;
        width: 100%;
    }
    div.wpcf7-response-output{
        position: static;
        width: 100%;
        float: left;
    }
    .blogsearchbox{
        padding: 0;
    }
    .toppostImgBox{
        padding: 0;
        margin-bottom: 30px;
    }
    .toppostrightInfo{
        padding: 0;
    }
    .pressInner{
        min-height: auto;
    }
    .benefit-row .benefit-single{
        height: auto !important;
    }
    .member-portal h4{
        font-size: 20px;
    }
    .member-portal p{
        font-size: 16px;
    }
    .member-portal a {
        font-size: 15px;
        padding: 6px 30px;
    }
    .partnership-single {
        width: 290px;
        height: 280px;
    }
    .outer-impact h3{
        font-size: 25px;
    }
    div.FullProjectView{
        padding: 0;
    }
    .project-detail-div{
        margin-right: -15px;
        margin-left: -15px;
    }
    .project-detail-div > div:nth-of-type(1){
        margin-bottom: 35px;
    }
    .project-section-head h3{
        font-size: 25px;
    }
    .section h2{
        font-size: 32px;
    }
    h3{
        font-size: 22px;
    }
    .related-head{
        font-size: 25px;
    }
    .projectBox h4{
        font-size: 20px;
    }
    .Servicecontact-Info .suggestTxt{
        margin-top: 35px;
    }
    .serviceSlider .owl-carousel .owl-controls .owl-prev,
    .serviceSlider .owl-carousel .owl-controls .owl-next{
        margin: auto !important;
        top: 0;
        bottom: 0;
    }
    .whoweInnerImg{
        max-width: 330px;
        display: table;
        margin: 0 auto 35px;
        float: none;
    }
    .whoweInnerImg img {
        width: 140px;
    }
    .aboutimg-1 {
        margin-top: 110px;
        margin-right: 8px;
    }
    .aboutimg-2 {
        margin-top: 110px;
    }
    .aboutimg-3 {
        margin-top: -314px;
        margin-left: 74px;
    }
    .aboutimg-4 {
        margin-left: 74px;
        margin-top: -90px;
    }
    .whatwedo-service .serviceSlider{
        padding: 0 30px;
    }
    .odd-whatwedo .serviceInfo{
        margin-top: 35px;
    }
    .even-whatwedo .serviceInfo{
        margin-bottom: 35px;
    }
    .postRegisterForm{
        margin-bottom: 40px;
    }
    .postRegisterForm .rightcolFrom,
    .postRegisterForm .leftcolFrom{
        padding: 0 15px;
    }
    .upload-div-col{
        margin-bottom: 20px;
    }
    .suggestTxt h3 br{
        display: none;
    }
    .slidecontent h2 {
        font-size: 20px;
        margin-bottom: 10px;
        line-height: 26px;
    }
    .slidecontent p {
        font-size: 14px;
        max-width: 100%;
        line-height: 1.4; 
    }
    .slidecontent .btn.primarybtn {
        font-size: 14px;
        padding: 0 30px;
        height: 35px;
        line-height: 36px;
        margin-top: 10px;
    }
    .carousel-control em{
        font-size: 30px;
    }
    .homecontactTop{
        margin-bottom: 40px;
    }
    .whoweInnerImg{
        margin: -20px auto 30px;
    }
    .contactlocation{
        margin-top: 40px;
    }
    .locationOuter .tablediv {
        display: table;
        table-layout: fixed;
    }
    .locationOuter .tablediv > div {
        display: table-cell;
        float: none;
        vertical-align: middle;
    }
    h1.page-title{
        font-size: 25px;
    }

    .consultant-steps > div{
        width: 100%;
    }
    .consultant-video-section .row > div:last-of-type{
        text-align: center;
    }
    .consultant-video-section .row > div:last-of-type a{
        display: inline-block;
        width: 120px;
    }

    .related-row > div{
        width: 50%;
    }
    .newslettreSection span.wpcf7-list-item{
        margin: 0 1em 0 0;
    }
    .newslettreSection .lefthalf,
    .newslettreSection .righthalf{
        width: 100%;
    }
    .newslettreSection .wpcf7-form-control.wpcf7-checkbox.form-control{
        height: auto;
    }
    .BoardMainInner{
        height: auto !important;
    }
    .homeinvestmentMain .InvestOuter{
        margin-bottom: 30px;
    }
    .home-Investment-bottom{
        /*margin-bottom: 50px;*/
    }
    .home-Investment-bottom > div {
        margin-bottom: 40px;
        padding: 0 15px;
        text-align: center;
    }
    .home-Investment-bottom > div:last-of-type{
        margin-bottom: 0;
    }
    #home-featured{
        padding-bottom: 30px;
    }
    .bloginner{
        width: 100%;
    }
    /*
.blogInnerMain .postThumb{
    height: 300px;
}
    */
    .blogInnerMain .postThumb img{
        width: 100%;
        /*   height: 100%; 
           object-fit: cover; */
        object-position: top;
    }
    .headerphone,
    .headersocialMain{
        text-align: center;
    }
    .headersocial{
        float: none;
    }
    .slideimg {
        min-height: 340px !important;
        object-fit: cover;
    }
    .slidecontent {
        /*top: 80px;
        left: 35px;*/
    }
    #footer{ 
        text-align: center;
    }
    .footerSocial{
        padding-bottom: 20px;
    }
    .footertop2{
        margin-top: 0;
    }
    .footertoparea > div{
        padding: 30px 0 0 !important;
    }
    .copyrighttxt{
        text-align: center;
        margin-top: 5px;
    }
}

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

    .AreaBoxNumber{ height: 50px; line-height: 50px; width: 50px; font-size: 24px;}
    .workAreaRow > div .AreaInner{padding: 8px 10px 10px 70px; text-align: left; font-size: 15px;}
    .AreaInner span{ font-size: 18px;}
    #innerpage-banner {
        height: 200px;
    }
    .consultant-steps > div:before{
        display: none;
    }
    .quick-quote-form-layout-inner{
        width: 320px;
    }
    .quick-get-quote{ right: -325px;}
}
@media screen and (max-width: 375px){
    .intro-images {
        height: 360px;
    }
    .intro-images .intro-img-1{
        width: 260px;
        height: 260px;
    }
    .intro-images .intro-img-2{
        width: 160px;
        height: 160px;
    }
    .intro-images .intro-img-3 {
        width: 190px;
        height: 190px;
    }
    /*
.blogInnerMain .postThumb{
    height: 250px;
}
    */
    .quick-quote-form-layout-inner{
        width: 300px;
    }
    .quick-get-quote{ right: -305px;}
    .headerphone, .headersocialMain{ font-size: 14px;}
}
@media screen and (max-width: 350px){

    .quick-quote-form-layout-inner{
        width: 250px;
    }
    .quick-get-quote{ right: -255px;}

}