.header{ position: relative; }
.header:after{ content: ""; height: 4px; border-radius: 0; background: linear-gradient(to right, #FFC003 0%, #FFC003 25%, #65CCF4 25%, #65CCF4 50%, #E6A3DE 50%, #E6A3DE 75%, #90D975 75%, #90D975 100%); display: block; position: absolute; bottom: 0; left: 0; right: 0; }
.pageTitlebox h1{ font-size: 22px; }
.pageTitlebox + .section-full{ padding-top: 60px; padding-bottom: 60px; }
.white-box p, .projectinfoDetails p{ font-size: 16px; }
.checkbox, .radio{ font-size: 16px; }
.checkbox label, .radio label{ padding-top: 0 !important; }
.website-header.header:after{display: none;}
.after-login-header {
  box-shadow: none !important;
}

.dropdown-menu li:last-child a{ border-bottom: 0 !important; }


@media screen and (min-width:1200px) and (max-width:1300px) {
  .logo.navbar-brand img {
    max-height: 40px;
}
}


@media only screen and (max-width: 1766px) {
  .membershiplevelBoxes h4 small {
    display: block;
  }
  .national-card-col:first-child{
flex:0 0 300px;
  }
  .header .login_register_btns a{ padding-left: 10px; padding-right: 10px;}
  }
@media only screen and (max-width: 1399px) {
  .cornerStonesNewBoxesAbout .infobox_cover img{ height: 150px;}
  .founderdetailspage .h4{ font-size: 20px !important;}
  .header .dropdown-menu{ margin-top: 40px; }
  .header .button1, .header .button2{ padding-left: 15px; padding-right: 15px; }
  .header {
    padding-right: calc(1.5rem * 0.5);
    padding-left: calc(1.5rem * 0.5);
  }
  .login_content ul {
    gap: 60px;
  }

  .login_right {
    padding: 40px;
  }
  body{ font-size: 16px; }

  
h1,
.h1 {
  font-size: 58px; line-height: 70px; 
}

h2,
.h2 {
  font-size: 42px;
}

h3,
.h3 {
  font-size: 30px;
}

h4,
.h4 {
  font-size: 22px;
}

h5,
.h5 {
  font-size: 18px;
}

.newCornerstonesBox h3{ font-size: 22px;}
.newCornerstonesBox .infomain-icon{ min-width: 72px; height: 72px;}

.newImgTextBox img{ min-height: 180px;}
.newImgTextBox .infoBottomContent h3{ font-size: 22px;}

.banner{ height: 580px; }
  .infomain-icon {
    width: 70px;
    height: 70px;
  }
  .info-subicons {
    width: 40px;
    height: 40px;
  }
  .font-20-size {
    font-size: 18px;
  }
  .button2.btn-lg {
    font-size: 20px;
  }
  .projects_list_box .project-title {
    font-size: 18px;
  }
  .scoretext {
    font-size: 14px !important;
  }
  .progress-text.withscoretext span {
    font-size: 15px;
  }
  .progress-text.withscoretext {
    /* min-width: 160px; */
    /* padding: 8px 20px; */
    font-size: 20px;
  }
  .logo img {
    max-height: 40px;
  }
  .pageTitlebox {
    min-height: 80px;
  }
  .searchfilter {
    width: 300px;
  }
  .filters-box .form-control {
    height: 40px;
  }
  .form-control {
    height: 44px;
  }
  .filters-box .gap-4 {
    gap: 1rem !important;
  }
  .project-detail-logo {
    width: 150px;
    height: 150px;
    min-width: 150px;
  }

  .button2,
  .button1,
  .button3 {
    line-height: 38px;
  }
  .morebtn {
    width: 40px;
    height: 40px;
    min-width: 40px;
  }
  .nav-tabs .nav-item .nav-link {
    padding: 10px 20px;
  }
  .overviewlefticon {
    width: 150px;
    height: 150px;
    min-width: 150px;
  }
  .overview-subpillers .font-20-size {
    font-size: 16px !important;
  }
  .overviewdetailbox {
    align-items: flex-start;
  }
  .tab-icon {
    width: 24px;
    height: 24px;
  }
  .custom-checkboxes-list label {
    font-size: 14px;
  }
  .custom-checkboxes-list {
    margin-right: 5px;
  }
  .question-points {
    margin-left: 0;
  }
  .questions_row {
    gap: 20px;
    padding: 10px;
  
  }
  .questions_row_header{ gap:20px;  }


  .main-cornerstones-tabs.nav-tabs:before {
    min-height: 80px;
  }
  .main-cornerstones-tabs.nav-tabs .nav-item .nav-link .tab-icon {
    width: 40px;
    height: 30px;
  }
  .main-cornerstones-tabs.nav-tabs .nav-item .nav-link {
    font-size: 16px;
    min-height: 80px;
    gap: 15px;
  }

  .main-cornerstones-tabs {
    width: 190px;
    max-width: 190px;
    min-width: 190px;
  }
  .cornerstones_detail {
    padding-right: calc(1.5rem * 0.5);
    padding-left: calc(1.5rem * 0.5);
  }


  .tabtitlename {
    font-size: 16px;
  }

  .innerpagesbanner {
    height: 400px;
  }
  
  .aside-img img {
    height: 360px;
  }
  .section-full.section-gap-xl {
    padding: 70px 0;
  }
  .bannerwc_content p,
  .middle_banner figcaption p {
    font-size: 30px;
  }
  .bannerwithContent {
    height: 450px;
  }

  .accordion-button {
    font-size: 18px;
  }
  .cornerstones_infoaside div {
    width: 70px;
    height: 70px;
  }
  .contact-map iframe {
    height: 400px;
  }

  .banner_content_inside p{ font-size: 20px; }


  .devide-with-title span{ font-size: 18px; }
  .eqr_question {min-width: 35%; max-width: 35%; width: 35%; }

  .leftsome-text span{ top: 9px; }
  .header{ min-height: 100px; }
  .section-full{ padding: 120px 0; }
    .section-title::before{ width: 40px; height: 40px; }
    .infocol3 img{ height: 70px; }
    .infocol3{ margin-bottom: 30px; padding-bottom: 30px; min-height: calc(100% - 30px);}

    .section-full .aside-img{ height: auto; }
    .menu .navbar-nav .nav-link{ padding: 0 8px !important; }


.whatwill_sec ul li{ font-size: 80px; }
.infocol2 span{ width: 60px !important; height: 60px !important; }
.infocol2{ height: 180px; }

.footer-right{ max-width: 620px; }
.footer-left img{ max-width: 220px; }
.header.fixed{ min-height: 100px;}
.banner-inn{ height: 440px;}
.banner-inn .banner-text{ padding: 0 20px; }
.banner-inn .banner-text p{ font-size: 20px;}


.header .button1, .header .button2 {
	padding-left: 10px;
	padding-right: 10px;
	font-size: 12px;
}
.menu .navbar-nav .nav-link {
	font-size: 13px;
	padding: 0 5px !important;
}
}

@media only screen and (max-width: 1279px) {
  .login_register_btns {
    gap: 10px;
  }
      .national-card-col:first-child {
        flex: 0 0 100%;
    }
}

@media only screen and (max-width: 1199px) {
  .national-card-row{
  align-items: flex-start;
}
.national-card-col:first-child{
  margin-bottom:25px;
}
  .cornerStonesNewBoxesAbout .infobox_cover img{ height: 220px;}

  h1,
.h1 {
  font-size: 48px; line-height: 50px; 
}

h2,
.h2 {
  font-size: 32px;
}

h3,
.h3 {
  font-size: 24px;
}
.banner-inn .banner-text p{ font-size: 18px;}


.navbar-toggler:not(.collapsed) {
  background: url(../images/close-menu.svg) center no-repeat !important;
}
  .navbar-toggler {
    width: 40px;
    height: 40px;
    padding: 0px;
    border: 0 !important;
    border-radius: 0;
    background: none !important;
    box-shadow: none !important;
    position: relative;
    /* right: 11.5em;
    top: -71px;*/
    z-index: 1;
    margin: 0;
    background: url(../images/open-menu.svg) center no-repeat !important; margin-left: auto; margin-right: 10px;;
  }


  .newImgTextBox img{ min-height: 150px; height: 150px;}
  .newImgTextBox .infoBottomContent h3{ min-height: 53px;}

  .banner{ height: 480px; }

  .navbar-toggler span {
    background: #000;
    display: block;
    height: 2px;
    width: 30px;
    border-radius: 2px;
    position: absolute;
    left: 5px;
    -webkit-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
    display: none !important;
  }

  .navbar-toggler span:first-child {
    top: 8px;
  }

  .navbar-toggler span:nth-child(2) {
    top: 18px;
  }

  .navbar-toggler span:last-child {
    top: 28px;
  }

  .navbar-toggler[aria-expanded="true"] span:nth-child(2) {
    opacity: 0;
  }

  .navbar-toggler[aria-expanded="true"] span:first-child {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
    top: 18px;
  }

  .navbar-toggler[aria-expanded="true"] span:last-child {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    position: absolute;
    top: 18px;
  }

  .menu .navbar-collapse {
    width: auto;
    margin: 0;
    background: #fff;
    position: fixed;
    z-index: 100;
    left: 0;
    right: 0;
    top: 100px; max-height: 70vh;
    margin-right: calc(-1.5rem * 0.5);
    margin-left: calc(-1.5rem * 0.5);
   
    -webkit-overflow-scrolling: touch;
    overflow: auto;
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.2);
  }

  .menu .navbar-nav .nav-link {
    padding: 16px 20px !important;
    display: block;
  }

  .menu .navbar .navbar-nav > li > a:hover,
  .menu .navbar .navbar-nav > li > a.active {
    color: #0a74eb !important;
  }



  .intuitive_social {
    padding: 70px 20px;
  }

  .intuitive_social_inner p {
    font-size: 24px;
  }

  .intuitive_social_inner ul {
    margin-top: 70px;
  }

  .intuitive_social_inner ul li {
    font-size: 24px;
  }

  .middle_banner figcaption {
    padding: 0 0 0 0;
  }

  .middle_banner figcaption p {
    font-size: 24px;
  }

  .whatwill_sec {
    padding: 70px 0 50px;
  }

  .whatwill_sec ul {
    margin-top: 30px;
  }

  .login_left {
    padding: 20px;
  }

  .login_content h2 {
    font-size: 30px;
  }

  .login_content ul {
    gap: 40px;
    margin: 50px 0 0;
  }

  .login_form {
    padding: 40px;
  }

  .nav-tabs {
    overflow: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    white-space: nowrap;
    flex-wrap: nowrap;
    padding-bottom: 1px;
    margin-bottom: -1px;
  }
  .nav-tabs:after {
    bottom: 0;
  }
  .questions_row, .questions_row_header {
    flex-wrap: wrap;
    gap: 10px;
  }
  .question-answer-details {
    width: 100%;
  }
  .question-points {
    margin-left: auto;
  }
  .question-title {
    width: auto;
    max-width: calc(100% - 60px);
    min-height: 30px !important;
  }
  .question-title,
  .question-points {
    min-height: 10px;
  }
  .questiondonemark {
    margin-top: 2px;
  }
  .main-cornerstones-tabs.nav-tabs {
    white-space: normal;
    flex-wrap: wrap;
  }

  .innerpagesbanner {
    height: 340px;
  }
  .aside-img img {
    height: 300px;
  }
  .font-20-size {
    font-size: 16px;
    font-weight: 400;
  }
  .section-full.section-gap-xl {
    padding: 50px 0;
  }
  .bannerwc_content p {
    font-size: 24px;
  }
  .bannerwithContent {
    height: 350px;
  }

  .contact-map iframe {
    height: 300px;
  }

.eventTitleNamelf{ min-width: 100%; max-width: 100%; width: 100%; }
.eqr_question {min-width: 100%; max-width: 100%; width: 100%; min-height: 10px;}
.eventsQuestions_row{ flex-wrap: wrap; gap:15px; padding: 15px; }
.section-full{ padding: 80px 0; }
.section-full .aside-img{ height: auto; }
.menu{ margin-left: auto; margin-right: 0; }

.header .dropdown-menu{ position: relative; margin-top: 0; border-top: 0; }
.whatwill_sec ul li{ font-size: 60px; }

    .footer-right {
        max-width: 520px;
    }


    .banner-inn {
      height: 350px;
    }

    

    .hleftmenu .nav-item.dropdown .dropdown-toggle:after{ display: none;}
    .hleftmenu .nav-item.dropdown .dropdown-menu{ display: none !important; }

    .event_questions_row .question-points{ margin-top: 8px; }
    .qwithvalueBox{ flex-wrap: wrap; }
    .six_qwith .qwithvalueBox_col{ width: 100%; }
   
   .newCornerstonesBox{ min-width: 260px;}
}

@media only screen and (max-width: 991px) {
  .newImgTextBox .infoBottomContent h3{ min-height: inherit;}
  .newImgTextBox{display: flex; align-items: center;}
  .newImgTextBox img{ height: inherit; min-height: inherit;}
  .newImgTextBox .infobox_cover{ padding-left: 20px;}
  .intuitive_social_inner ul {
    gap: 60px;
  }


  .whatwill_sec h4 {
    font-size: 24px;
  }

  .whatwill_sec ul {
    gap: 120px;
  }

  .footer {
    padding: 30px 0;
  }

  .login_left {
    width: 100%;
    padding: 40px;
    order: 2;
  }

  .login_right {
    width: 100%;
  }

  .thankYou_bx {
    padding: 7% 0;
  }
  .infobox {
    min-height: inherit;
  }

  .setminheightpage {
    min-height: calc(100vh - 246px);
  }

 
  .proejcttopdetails {
    flex-wrap: wrap;
  }
  .proejcttopdetails-left {
    padding-right: 0;
  }
  .project-detail-logo {
    width: 100px;
    height: 100px;
    min-width: 100px;
  }
  /* .proejcttopdetails-right {
    margin-left: 130px;
  } */
  .graphbox {
    min-height: auto;
  }

  .main-cornerstones-tabs.nav-tabs:before {
    display: none;
  }
  .main-cornerstones-tabs.nav-tabs.company-forms:before {
    display: none;
  }
  .company-form-pillars{
    display: none;
  }
  .cornerstones_box {
    flex-wrap: wrap;
  }

  .main-cornerstones-tabs.nav-tabs {
    flex-wrap: nowrap;
    border-top: 0;
    flex-direction: row;
    width: 100%;
    max-width: 100%;
    background: #fff;
    border-top: solid 1px var(--lightgrey);
  }
  .cornerstones_detail {
    padding: 0;
  }
  .main-cornerstones-tabs.nav-tabs .nav-item .nav-link.active {
    background: #fff;
  }
  .main-cornerstones-tabs.nav-tabs .nav-item .nav-link {
    flex-direction: column;
    text-align: center;
    gap: 10px;
    padding: 10px;
    padding-bottom: 5px;
  }
  .main-cornerstones-tabs.nav-tabs .nav-item {
    border-bottom: 0;
    border-right: solid 1px #fff;
  }

  .main-cornerstones-tabs.nav-tabs .nav-item:last-child {
    border-right: 0;
  }

  .main-cornerstones-tabs.nav-tabs .nav-item .nav-link.active:before,
  .main-cornerstones-tabs.nav-tabs .nav-item .nav-link.active:after {
    display: none;
  }

  .company-form-pillars{
    display: none;
  }
  .cornerstones_infoaside {
    gap: 80px;
  }


.infocol2{ margin: 15px 0; height: 150px; }

.section-title br, .rbrinmedia br{ display: none; }




.section-full{ padding: 70px 0; }
  .footer-right{ width:100%; padding-top: 40px;}
  .footer-sec{ flex-wrap: wrap; }

.banner-inn .banner-text{width: 450px; max-width: 450px; }
.bottom_banner img, .middle_banner img{ min-height: 360px;}
.homecornerstoness .newCornerstonesBox h3{ font-size: 20px;}
.homecornerstoness .newCornerstonesBox{ min-width: 200px;}
.crs_boxBottomText p{ max-width: 100%;}
.national-card-row .projectrightinfos{
  flex: 0 0 100%;
  margin-top: 10px;
}
.national-card-row .projectrightinfos .withratingblock {
  justify-content: flex-start!important;
}

}
@media only screen and (max-width: 767px) {
  .pricing-card.membership-pricing h3 {
    font-size: 27px;
  }
  .pricing-card.membership-pricing .pricing-title {
    font-size: 28px;
}
         .national-card-col {
            flex: 0 0 50%;
            padding-left: 0;
            padding-right: 20px;
            margin-bottom:15px;
        }
        .national-card-col.line-right-side{
          border-right: 0;
        }
        .national-card-col h4 {
          margin-bottom: 5px;
        }
  .banner_content_inside{ text-align: center;}
  .banner_content_inside p{ font-size: 18px;}

  .contact-details .d-flex{ flex-direction: column; justify-content: center; align-items: center !important; gap:10px !important; }

  .membershipBoxes .infocol3{ border-bottom: 0 !important;}

  .newImgTextBox{ flex-direction: column;}
  .newImgTextBox .infobox_cover{ padding-left: 0; text-align: center; padding: 20px; padding-bottom: 0;}
  .newImgTextBox img{ width: auto; margin: auto}

  .mobile_centertext{ text-align: center;}
  .mobile_centertext .section-title.text-start{text-align: center !important;}
  .mobile_centertext .section-title:before,
  .mobile_centertext .section-title:after{margin-left: auto; margin-right: auto;}

  .homecornerstoness .newCornerstonesBox .infomain-icon{ min-width: 70px; height: 70px;}
  .homecornerstoness .newCornerstonesBox .gap-3.mb-4{ margin-bottom: 0 !important;}

  .banner-inn{ flex-wrap: wrap;}
  .banner-inn .banner-text{ padding: 50px 20px; padding-right: calc(1.5rem* 0.5); padding-left: calc(1.5rem* 0.5); width: 100%; max-width: 100%; order: 2; align-items: center;}
  .banner-inn{ height: auto;}
  .bottom_banner img, .middle_banner img{ min-height: inherit;}
  .topBannerImage img{ height: 200px; display: block; object-fit: cover;}

  .logo img {
    max-width: 180px;
  }

  .someinfos{ font-size: 14px;}

    h1,
.h1 {
  font-size: 40px; line-height: normal; 
}

h2,
.h2 {
  font-size: 26px;
}

h3,
.h3 {
  font-size: 22px;
}


.stats .h1{ margin-bottom: 0; }
.stats-sec{ gap:40px; }

  .intuitive_social {
    padding: 50px 20px;
  }

  .intuitive_social_inner p {
    font-size: 20px;
  }

  .intuitive_social_inner ul {
    margin-top: 50px;
  }

  .intuitive_social_inner ul li {
    font-size: 20px;
  }

  .middle_banner figure img {
min-height: 320px;
    width: 100%;
    object-fit: cover;
  }

  .middle_banner figcaption {
    max-width: 100%;
    padding: 20px;
  }

  .middle_banner figcaption p {
    font-size: 20px;
  }

  .whatwill_sec {
    padding: 50px 0 30px;
  }

  .whatwill_sec h4 {
    font-size: 20px;
  }

  .whatwill_sec ul {
    gap: 70px;
    margin-top: 20px;
  }

  .whatwill_sec ul li {
    font-size: 72px;
  }

  .bottom_banner img {
    aspect-ratio: 1/0.35;
    width: 100%;
    object-fit: cover;
  }
  .middle_wrapper {
    min-height: calc(100vh - 100px);
  }

  .project-logo {
    width: 60px;
    height: 60px;
    min-width: 60px;
  }
  .white-box {
    padding: 20px;
  }
 

  .setminheightpage {
    min-height: calc(100vh - 186px);
  }
  .filters-box .form-group {
    width: 100%;
  }
  .searchfilter {
    width: 100%;
  }
  .filters-box .form-control {
    flex-grow: 1;
  }
  .projectinfoDetails {
    padding-left: 15px;
  }
  .project-detail-logo, .project-new .project-detail-logo {
    width: 70px;
    height: 70px;
    min-width: 70px;
  }
  .projectinfoDetails {
    padding-top: 0;
  }
  .projectinfoDetails p {
    margin-left: -85px;
  }
  .proejcttopdetails-right {
    margin-left: 0;
  }
  .projectinfoDetails .projectrightinfos {
    flex-wrap: wrap;
    gap: 0.5rem !important;
  }
  .overviewlefticon {
    width: 80px;
    height: 80px;
    min-width: 80px;
    margin-right: 15px;
  }
  .overview-subpillers {
    margin-left: -95px;
    width: auto;
  }
  .white-box {
    padding: 15px;
  }
  .navtab-box,
  .nav-tabs {
    margin-left: -15px;
    margin-right: -15px;
    padding: 0 15px;
  }

  

  .innerpagesbanner {
    height: 300px;
  }
  .asidedetails {
    padding-top: 20px;
  }
  .section-full.section-gap-xl {
    padding: 40px 0;
  }
  .bannerwc_content p {
    font-size: 20px;
  }

  .tab-content:before {
    left: -15px;
    right: -15px;
  }
  .cornerstones_infoaside {
    gap: 0px;
    justify-content: space-around;
  }
  .cornerstones_infoaside div {
    width: 50px;
  }
  .banner{ height: 400px; }
  .header{ min-height: 80px; }


.infocol3{ padding-bottom: 20px !important; margin-bottom: 20px !important; border-bottom: 1px solid grey !important; }
.no-bdr .col-lg-6:last-child .infocol3{ margin-bottom: 0 !important; padding-bottom: 0 !important; border: 0 !important; }


.newCornerstonesBox .infomain-icon {
  min-width: 52px;
  height: 52px;
}

.section-full .aside-img{ height: inherit; }
.whatwill_sec ul li{ font-size: 40px; }


.menu .navbar-collapse {
  top: 80px;
}
.header.fixed{ min-height: 80px;}
.uploadedDocs{ flex-direction: column; align-items: stretch; gap:10px; }
.uploadFileright{ flex-grow: 1; border-top: solid 1px var(--lightgrey); padding-top: 6px;}
.infocol3{ justify-content: center; align-items: center; text-align: center; border-bottom-color:#bbb !important}

.footer-left{ text-align: center;}
  .footer-left img{ max-width: 220px;}
  .copyright{ text-align: center;}
  .footer-right ul.devicemarginone{ margin-bottom: 15px;}
  .footer-right ul li, .footer-right h4{ text-align: center;}
  .banner-inn .banner-text h1,  .banner-inn .banner-text p{ text-align: center;}
  .founderdetailspage .asidedetails{ text-align: center;}
  .someinfos strong{ white-space: normal;}

  .colsfulllindevice{ flex-wrap: wrap; flex-direction: column; gap:0}
  .colsfulllindevice .grid-half-col{ width: 100%;}
  .menu .navbar-nav .nav-link{ font-size: 14px;}

  .membership-success-card {padding: 28px 20px}
  .membership-success img {width: 50px}
  .membership-success p {font-size: 14px}
  
}

@media only screen and (max-width: 639px) {
  .login_right {
    padding: 40px 20px;
  }

  .lrInner h2 {
    margin-bottom: 25px;
    font-size: 20px;
  }

  .login_form {
    padding: 25px;
  }

  .login_title {
    padding-bottom: 25px;
  }

  .login_title h1 {
    font-size: 24px;
  }

  .login_left {
    padding: 40px 20px;
  }

  .login_content h2 {
    font-size: 24px;
    padding-bottom: 25px;
  }

  .login_title p {
    margin: 15px 0 0;
  }

  .thankYou_bx h2 {
    font-size: 24px;
  }

  .radius20{ border-radius: 10px; }
  
}

@media only screen and (max-width: 575px) {
  .contact-details p{ max-width: 300px; margin-left: auto; margin-right: auto;}
  .header .button1, .header .button2{ padding-left: 8px; padding-right: 8px; }
  .navbar-toggler{ margin-right: 5px;}
  .navbar-brand{ margin-right: 0 !important;}
  
  .logo img {
    max-width: 150px;
  }

  .login_register_btns {
    gap: 6px;
  }

  .login_register_btns a {
    padding: 5px 12px;
    font-size: 12px;
  }


  .intuitive_social {
    padding-left: 15px;
    padding-right: 15px;
  }

  .middle_banner figcaption {
    padding: 15px;
  }

  .whatwill_sec ul {
    gap: 50px;
  }

  .login_form .form-control {
    padding: 12px;
  }

  .register_as {
    gap: 10px;
    flex-wrap: wrap;
  }
  .register_organization {
    width: calc(50% - 5px);
}


  .profiledtailinfoBox {
    width: 100%;
    max-width: 100%;
  }
  .ac-btn {
    width: 100%;
    margin-top: 20px;
  }
  .login_form {
    padding: 20px 0;
  }
  .project-card-details {
    max-width: 100%;
  }
  .projectrightinfos {
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: space-between;
    margin-top: 10px;
  }
  .scoretext {
    font-size: 12px !important;
  }
  .progress-text.withscoretext span {
    font-size: 13px;
  }
  .progress-text.withscoretext {
    min-width: 130px;
    padding: 8px 10px;
    font-size: 18px;
  }
  .proejcttopdetails-right {
    width: 100%;
  }

  .proejcttopdetails-right .button2 {
    flex-grow: 1;
  }
  .overview-subpillers .mb-2 {
    width: 100%;
    margin-right: 0;
  }
  .scoredetail {
    font-size: 16px;
  }
  .scoredetail span {
    font-size: 14px;
  }

  
  .middle_banner figcaption p,
  .bannerwc_content p {
    font-size: 18px;
  }
  .bannerwc_content p br {
    display: none;
  }

.nav-tabs .nav-item .nav-link{ font-size: 14px; }
.navbar-toggler{ margin-right: 0; }
    .header .button1, .header .button2 {
        padding-left: 8px;
        padding-right: 8px;
    }
    .mValue_three_col strong{ font-size: 16px; }
    .mValue_three_col label{ font-size: 12px; }


    .grid-half-row {
      display: flex;
      gap: 0;
      flex-wrap: wrap;
    }
    .grid-half-col {
      flex: auto;
    }


}

@media screen and (max-width: 480px) {
  .projectinfoDetails .business_rating_star{
    margin-bottom: 10px;
  }
  .section-full .button2, .section-full .button1{ width: 100%;}
  .section-full .button2 + .button2,
  .section-full .button2 + .button1,
  .section-full .button1 + .button2{ margin-top: 15px;}
  .login_content ul {
    gap: 0;
    margin-top: 20px;
  }
  .login_content ul li {
    width: 50%;
    flex-grow: 1;
    margin: 20px 0;
  }

  .invitebox {
    flex-wrap: wrap;
  }
  .invitebox .button2 {
    width: 100%;
  }
  .points_box {
    width: 100%;
  }
  .pointsCols {
    flex-grow: 1;
  }

  .main-cornerstones-tabs.nav-tabs .nav-item .nav-link {
    font-size: 12px;
  }
  .userinfotop .btn span {
    display: none !important;
  }

  .userinfotop .btn .name-com-title {
    display: none !important;
  }

  .aside-img img {
    height: 280px;
  }

  .pageTitlebox .button2,
  .cornerstones_box .button2,
  .pageTitlebox .button1,
  .cornerstones_box .button1 {
    width: 100%;
    margin: 5px 0;
  }
  .cornerstones_infoaside {
    height: 150px;
  }
  .banner-inn{flex-direction: column;}
  .section-full .certificate-button .button2, .section-full .certificate-button .button1{
    width: auto;
    margin-top: 0!important;
  }


}



@media screen and (max-width: 400px)
{
  .logo img {
    max-width: 130px;
  }
  .menu .navbar-collapse {
    top: 75px;
  }
}


@media screen and (min-width: 1930px){
.filter-fields-rgt .form-group:last-child {
  margin-left: auto;
}
}
@media screen and (min-width: 1779px){
.form-group.search-input-wrap {width: 22%;}
.searchfilter {width: 100%;}
}

@media screen and (max-width: 1780px){
  /* .national-register .business-activity, .filter-fields-rgt .form-group:nth-child(5) {
    max-width: 280px; min-width: unset !important;
} */
 .filter-fields-rgt {width: 83%;}
.search-input-wrap {width: 16%;    padding-right: 0px;}
.search-input-wrap .searchfilter {width: 100%;}

.national-register .inner-data {width: 70%;}
}

@media screen and (max-width: 1600px){
  .certificate-button{
    padding: 0 30px;
  }


  .national-register .national-card-row{flex-wrap: wrap;}
  .national-register .col1 {width: 100%; flex: unset !important; margin-bottom: 25px;}
  .national-register .inner-data {width: 85%;}
  .national-register .national-card-row .projectrightinfos {width: 15%;}
  /* .national-register .progress-info {max-width: 160px; margin-left: auto;} */
  /* .national-register .stars {max-width: 160px; margin-left: auto;} */


  .filters-box .search-input-wrap {width: 100%;}
  .filters-box {flex-wrap: wrap;}
  .filter-fields-rgt { width: 100%;}
  .filter-fields-rgt .form-group:nth-child(3) {width: 13% !important;}
  .filter-fields-rgt .form-group:last-child{margin-left: auto;}
  .filter-fields-rgt .form-group, .filter-fields-rgt .input-icon-holder-rt {padding: 0px 6px;}
.filter-fields-rgt .form-group:nth-child(6) {width: 17%;}
.filter-fields-rgt .form-group:last-child {width: 15%;}
.filter-fields-rgt .form-group:nth-child(1) { width: 13%;}
  .project-card-details {
    max-width: 100%;
}
}



@media screen and (min-width: 1400px){
  .max-1040{max-width: 1040px;}
  .national-card-col.line-right-side.width
   {
      min-width: auto;
  }

}
@media(max-width:1450px){


  .national-register .national-card-row {
    flex-wrap: wrap;
}

.national-register .inner-data {
  display: flex;
  flex-wrap: wrap;
}

.national-register .national-card-col:first-child {
  flex: 0 0 auto !important;
}

.national-card-col:nth-last-child(2) {
  width: auto;}

  /*  */
  .filter-fields-rgt .form-group:nth-child(3) {
    width: 10% !important;
}

.inner-data .year {
    width: 13%;
}
.national-register .national-card-col h4, .national-card-row .national-card-col p {font-size: 15px;}
.progress-text.withscoretext {padding: 8px 18px;}
}

@media screen and (max-width: 1400px){
  .certificate-button{
    padding: 0 30px;
  }

}
@media screen and (max-width: 1299px){
  .inner-data .turnover {width: auto;    /*padding-left: 0;*/}
  .filter-fields-rgt .form-group, .filter-fields-rgt .form-group:nth-child(3) {
    width: calc(20% - 12px) !important;
    padding: 0;
    max-width: unset !important;
    margin: unset !important;         min-width: unset !important;
}
.search-input-wrap .searchfilter {
  width: 100%;
}


.filter-fields-rgt {
  flex-wrap: wrap !important;
  gap: 14px;
}
.inner-data .national-card-col {
  width: auto;
}
.national-register .national-card-row .projectrightinfos {
  width: 16%;
}
.national-register .inner-data {width: 84%;}

.national-register .national-card-col:first-child {min-width: 140px;}
}

@media screen and (min-width: 768px) and (max-width: 1199px){
  .national-register > .national-card-col:first-child {width: 70%;}
.national-register .national-card-row .projectrightinfos {width: 30% !important;    order: 2;    text-align: right;}
.national-register .inner-data {order: 3;}
.national-register .col1 {width: 70%;}
.national-register .stars, .national-register .progress-info {text-align: right !important;}
.national-register .stars > div {margin-left: auto;}
}

@media screen and (min-width: 1199px) and (max-width: 1399px){
  .form-label {
    font-size: 11px;
}
}
@media screen and (min-width: 1199px) and (max-width: 1650px){
 
  .login_register_btns {
    display: flex;
    gap: 5px;
  }
  /* .button1 {
    line-height: 52px;
    font-size: 12px;
    padding: 0 15px;
  } */
  .menu .navbar-nav .nav-link {
    font-size: 16px;
    padding: 0 15px !important;
  }

}
@media screen and (min-width: 1601px) and (max-width: 1720px){
  .filter-fields-rgt .form-group:nth-child(3) {width: 12% !important;}
  .inner-data .year {width: 14%;}
  .filter-fields-rgt .form-group:nth-child(6) {width: 15%;}
  .inner-data .turnover {width: 17%;}
  .filter-fields-rgt .form-group:nth-child(3) input {padding-right: 15px !important;}
}

@media(max-width:1199px){
  .national-register .inner-data, .national-register .national-card-row .projectrightinfos {width: 100%;}
  .national-register .stars, .national-register .progress-info {margin-left: 0;max-width: unset;
    text-align: left;}
    .national-register .stars > div {
      max-width: 130px;
  }
  .inner-data .national-card-col.state { width: 12%;}
  .national-register .business-activity{
    max-width: 220px;
    width: 100% !important;
}
.inner-data .national-card-col.year {
  width: 10%;
}
.inner-data .business-type{min-width: unset;}
}



@media(max-width:991px){
  .cancel-mem-btn .btn-danger {
    padding: 5px 16px;
    font-size: 13px;
}
  .user-profile-row .national-card-col {padding-left: 0% !important; margin-bottom: 0px !important;}
  .national-card-col:nth-child(2) {
    padding-left: 0;
}


.filters-box { flex-direction: column;}
.filters-box .form-group {width:calc(25% - 16px) !important;  flex: unset !important; }

.input-icon-holder-rt.datepickerfull { width:calc(25% - 16px) !important;}
.filters-box > .form-group {
  width: 100% !important;
}


.inner-data .national-card-col {
  padding-right: 15px;
  padding-left: 15px;
}
.inner-data .national-card-col:first-child {
  padding-left: 0;
}
.inner-data .national-card-col:last-child {
  /* padding-left: 0; */
}
.national-register .national-card-row .projectrightinfos {margin-top: 20px;}
.filter-fields-rgt .form-group, .filter-fields-rgt .form-group:nth-child(3) {width: calc(25% - 12px) !important;}
.national-register .business-activity {
  max-width: 240px;
}
}
@media(max-width:966px){
  .inner-data .national-card-col:last-child {padding-right: 0;  }
  .national-register .business-activity {max-width: 125px;  }
}
@media(max-width:795px){
.inner-data .national-card-col:last-child {
    padding-right: 10px;
    padding-left: 0;
}
}

@media(max-width:767px){
  .user-profile-row .national-card-col {
    display: flex;
}

.user-profile-row .national-card-col h4 {
    min-width: 110px;
}

.user-profile-row .national-card-col {
    padding: 5px 0;
    border-bottom: 1px dashed #dbdbdb;
    margin: 5px 0;
}

.user-profile-row .row > div:last-child .national-card-col {
    border-bottom: 0;
}

.cancel-mem-btn {
    padding-top: 15px; padding-bottom: 10px;
}
.user-profile-row {  padding: 8px 20px;}

.profile-proj-sec .project-detail-logo {
  width: 70px;
  height: 70px;
  min-width: 70px;
}
.profile-proj-sec p {
  font-size: 14px;
  margin-bottom: 0;
}
.profile-proj-sec h2 {
  font-size: 20px;
}
.profile-comp-info {font-size: 12px;
  padding: 5px 12px;}
  .cancel-mem-btn {
    text-align: center !important;
}

.national-card-col:nth-last-child(2) {flex: 0 0 50%; margin: 0 0 15px;}
.national-card-col {width: 50%;}


.national-register .national-card-col.col1 {
  display: block;
  width: 100%;
}

.inner-data .national-card-col {
  padding-right: 0;
  padding-left: 0;
}
.national-register .national-card-row .projectrightinfos {margin-top: 0px;}
.national-register .business-activity {width: 50% !important;  max-width: unset;}
.filter-fields-rgt .form-group, .filter-fields-rgt .form-group:nth-child(3) {width: calc(33.33% - 10px) !important;}
.inner-data .national-card-col{width: 50% !important;}
.proejcttopdetails-2 h2 { font-size: 22px;}

.ownership-gender .form-group label {padding-top: 0;}
.ownership-gender .form-group {align-items: center;}

.national-card-row .projectrightinfos .withratingblock {
    justify-content: center !important;
    margin: auto;
}
.national-register .projectrightinfos-in{margin-left: unset;}

}

@media(max-width:575px){
  .proejcttopdetails-2 h2 {font-size: 25px;}
  .business_rating_star {height: 19px;  width: 118px; background: url(../images/business-rating.svg) 0 -19px no-repeat; background-size: 118px;}
  .business_rating_star span {background-size: 118px;}

  
  .tipsModal {
    width: 100% !important;
    right: 0 !important;     bottom: 205px !important;
}
.tipsModal::after, .tipsModal::before {
  bottom: 13px;
}
.tipsBox {  right: 47px;}


  .tipsPanel {
    right: 20px;
  }
  
  .tipsPanel::after {
    right: 40px;
  }
  .tipsBtn img {width: 20px;}
  .tipsBtn {
    width: 60px;
    height: 60px;}

    .filters-box .form-group, .input-icon-holder-rt.datepickerfull  {width: 100% !important; }
    .filter-fields-rgt .form-group, .filter-fields-rgt .form-group:nth-child(3) {width: 100% !important;}
    .inner-data .national-card-col.business-activity {
      width: 100% !important;
  }
  .project-new .projectrightinfos {
    width: 100%;
}

.ownership-gender .form-group label {width: 100px;}
.ownership-gender .form-group .erroronbottom {width: 100%;}
}

@media (max-width: 460px) {
  .tipsPanel {
    width: calc(100% - 40px);
  }
}


/* @media screen and (max-width:1650px)
{
  .qwithvalueBox_col{ width:30%; flex-grow: 1;}
  .qwithvalueBox{ flex-wrap: wrap;}
} */




/* home v3 responsive */
@media(max-width:1499px){
  .banner-section {padding: 100px 0;     background-position: right top;}
  .heading-typ1 {font-size: 55px; line-height: 1.2;}
  .heading-typ2, .heading-typ2-green {font-size: 38px;}
  .heading-typ3 {font-size: 25px;}
  .heading-typ4 {font-size: 22px;}
  .heading-typ5 {font-size: 30px;}
  
  .sec-typ1-itm img {width: 250px;}
  .sec-typ4-itm img {width: 60px;}
  .sec-typ4-itm-full img { width: 140px !important;}

  /* about page */
  .sec-typ11 p {font-size: 20px;}

  /* services page */
  .sec-typ13-itm {padding: 0 20px;}
  .sec-typ13 .bottom-content h3 {font-size: 22px;}
  

  .sec-typ2-itm-con {padding: 60px 40px;}
  .sec-typ1, .sec-typ2, .sec-typ3, .sec-typ5, .sec-typ6, .sec-typ7, .sec-typ8, .sec-typ9, .sec-typ10, .sec-typ11, .sec-typ13, .sec-typ12, .faqs,  .imp-numbers, .contact-sec {padding: 70px 0;}


  .sec-typ4-itm {margin: 20px 0;}

  .footer.afterLogin {padding: 40px 0;}
}

@media(max-width:1199px){
  p, li {font-size: 16px;}
  .banner-section {padding: 70px 0;}
  .banner-section p, .sec-typ3-con p {font-size: 18px;}
  .banner-in {max-width: 560px;}
  .heading-typ1 {font-size: 44px;}
  .heading-typ2, .heading-typ2-green {font-size: 32px;}
  .heading-typ3 {font-size: 22px;}
  .heading-typ4 {font-size: 18px;}
  .heading-typ5 {font-size: 24px;}
  .imp-numbers-itm h3 {font-size: 45px; margin-bottom: 0px;}
  
  .sec-typ1-itm img {width: 150px; height: 130px; object-fit: contain;}
  .sec-typ4-itm img {width: 60px;}
  .banner-section img {width: 50px;}
  .gradient-bg p, .imp-numbers-itm p {font-size: 20px;}
  .gradient-bg {margin-top: 35px;}
  .sec-typ4-itm, .sec-typ4-v2 .sec-typ4-itm {padding: 0 0px;}
  .imp-numbers-itm {padding: 30px 20px 32px;}
  .sec-typ5-itm:after {width: 50px; height: 20px; background-size: contain;}
  .sec-typ5-itm img {height: 80px;}
  .sec-typ5-itm {margin: 10px 0 10px; padding: 0;}
  .sec-typ2-itm:nth-child(3) .sec-typ2-itm-img img {object-position: -279px top;}

  /* why us page */
  .sec-typ7 .heading-sec {margin-bottom: 30px;}
  .sec-typ8-con {padding-right: 0;}
  .sec-typ8-itm:nth-child(odd) .sec-typ8-img {margin-left: 0;}
  .sec-typ8-img {max-width: 200px; margin: auto !important;}
  .faqs .accordion-button {padding: 15px 26px;}

  /* about page */
  .sec-typ7-v2 .heading-typ2 {margin-bottom: 30px;}

  /* services page */
  .sec-typ13-itm {padding: 0; margin-top: 30px;}
  .sec-typ13 .bottom-content h3 {font-size: 20px;}
  .sec-typ13 .bottom-content {margin-top: 40px;}
  .sec-typ12 .heading-sec {margin: 0 auto 30px;}
  .sec-typ12 .sectorsInfoBox {grid-template-columns: repeat(4, 1fr);}


  .sec-typ2-itm-con {padding: 60px 40px;}
  .sec-typ1, .sec-typ2, .sec-typ3, .sec-typ5, .sec-typ6, .sec-typ7, .sec-typ8, .sec-typ9, .sec-typ10, .sec-typ11, .sec-typ13, .sec-typ12, .faqs, .imp-numbers, .contact-sec {padding: 50px 0;}


  .sec-typ4-itm {margin: 20px 0;}

  .menu {order: 3; margin-left: 0px;} 
.login_register_btns {margin-left: auto;}
}

@media(max-width:991px){
  p, li , .sec-typ4-v2 p{font-size: 15px;}
  .heading-typ2, .heading-typ2-green {font-size: 24px; margin-bottom: 25px;}
  .heading-typ3 {font-size: 18px; margin-bottom: 12px;}
  .heading-typ4 {font-size: 16px;}
  .heading-typ5 {font-size: 20px; margin-bottom: 20px;}
 

  .imp-numbers-itm h3 {font-size: 35px;}

  .gradient-bg p, .imp-numbers-itm p {font-size: 17px;}


  .sec-typ1-itm img {width: 130px; height: 110px;}
  .sec-typ5-itm img {height: 55px;}

  .sec-typ5-itm:after {top: 14px;}

  .btn-wrapper {margin-top: 30px;}
  .sec-typ1-itm {padding: 0;}

  .sec-typ2-itm-con {padding: 40px 30px;}

  .footer-right {max-width: 100%;}
  .footer-left {padding-top: 0;}

  /* why us page */
  .sec-typ8 .heading-typ2-green, .sec-typ8 .heading-sec p {margin-bottom: 20px;}
  .sec-typ8 .bottom-content .heading-typ4 {margin-bottom: 0;}
  .sec-typ9-heading-sec-con p {margin-bottom: 15px;}
  .sec-typ9-heading-sec-img {max-width: 200px; margin: 0 auto 20px;}
  .sec-typ10 .heading-sec {margin-bottom: 0px;}
  .sec-typ10 .heading-typ2-green {margin-bottom: 10px;}
  .sec-typ10-con {padding-right: 0; margin-bottom: 30px;}
  .faqs .accordion-button {font-size: 16px;}

  /* about page */
  .sec-typ7-v2 .heading-typ2 {margin-bottom: 25px;}
  .sec-typ11 .heading-typ2 {margin-bottom: 15px;}
  .sec-typ11 p {font-size: 18px;    margin-bottom: 18px;}

  /* services page */
  .sec-typ13 .bottom-content h3 {font-size: 18px;}
  .sec-typ13-itm img {width: 200px;}
  .sec-typ13 .heading-typ2 {margin-bottom: 18px;}
  .sec-typ12 .sectorsInfoBox {grid-template-columns: repeat(3, 1fr);}

  /* contact page */
  .contact-form h4 {font-size: 16px;}
  .form-control, .form-select {height: 40px;}


}

@media(max-width:767px){
  p, li, .sec-typ4-v2 p {font-size: 14px;}
  .banner-section:before {background: linear-gradient(90deg, #747474c9, #747474a1);}
  .banner-section img {width: 35px; margin-bottom: 10px;}

  .heading-typ1 {font-size: 34px; margin-bottom: 10px;}
  .heading-typ2, .heading-typ2-green {font-size: 22px; margin-bottom: 15px;}
  .heading-typ4 {margin-bottom: 10px;}
  .heading-typ5 {font-size: 18px; margin-bottom: 18px;}

  .banner-section p, .sec-typ3-con p {font-size: 15px;}
  .gradient-bg p, .imp-numbers-itm p {font-size: 15px;}

  .sec-typ1-itm {margin-bottom: 25px;}
  .sec-typ1-items .row > div:last-child .sec-typ1-itm{margin-bottom: 0;}
  .sec-typ1-itm img {height: auto; margin-bottom: 12px;}
  .sec-typ4-itm img {width: 45px; margin-bottom: 12px;}
  .sec-typ4-itm {margin: 15px 0;}
  .sec-typ5-itm img {margin-bottom: 12px;}
  .sec-typ5-itm {margin: 10px 0 15px;}
  .btn-wrapper {margin-top: 15px;}
  .sec-typ2-itm:nth-child(3) .sec-typ2-itm-img img {object-position: center;}

  .imp-numbers .container {max-width: 100%;}
  .sec-typ5-itm:after{display: none;}

  /* why us page */
  .sec-typ7-itm {box-shadow: 0 0 10px #00000014; margin-bottom: 20px; height: auto;}
  .sec-typ8-img {margin-bottom: 15px !important;}
  .sec-typ8-itm {margin: 30px 0;}
  .sec-typ8-itm .row {flex-direction: column-reverse !important;}
  .faqs .accordion-button {font-size: 14px; padding: 12px 15px;}
  .faqs .accordion-body {padding: 12px 15px;}
  .faqs .accordion-body p, .sec-typ7-itm p, .sec-typ9-heading-sec-con p {font-size: 14px;}
  .cornerStonesNewBoxesAbout .infoBottomContent h3 {font-size: 20px; margin: 15px 0 !important;}
  .infoBottomContent > div:last-child {margin-bottom: 0 !important;}
  .info-subicons {width: 30px; height: 30px;}
  .infobox.cornerStonesNewBoxesAbout {padding: 0;}
  .sec-typ8 .heading-typ2-green br {display: none;}

  /* about page */
  .sec-typ11 p {font-size: 16px;}
  .sec-typ11 .row {flex-direction: column-reverse;}
  .founder-img {margin-bottom: 25px;}

  /* services page */
  .sec-typ13 .heading-typ2 br {display: none;}
  .sec-typ13 .bottom-content h3 {font-size: 16px;}
  .sec-typ12 .sectorsInfoBox {grid-template-columns: repeat(2, 1fr);}
  .btn-typ4 {font-size: 14px; padding: 10px 25px;}

  /* contact page */
  .contact-sec .heading-typ2 {margin-bottom: 10px;}
  .content-itm p {margin-bottom: 10px;}
  .content-itm {margin-bottom: 20px;}
  .btn-typ6,  .btn-typ5 {padding: 8px 30px; height: 42px; font-size: 14px;}


  .sec-typ2-itm-con {padding: 30px;}
  .banner-section {padding: 50px 0;}
  .sec-typ1, .sec-typ2, .sec-typ3, .sec-typ5, .sec-typ6, .sec-typ7, .sec-typ8, .sec-typ9, .sec-typ10, .sec-typ11, .sec-typ13, .sec-typ12, .faqs, .imp-numbers, .contact-sec {padding: 40px 0;}
 
  .sec-typ4 {padding: 30px 0;}
  .sec-typ6-con {padding: 30px;}
  .sec-typ6-img, .sec-typ6-img img, .sec-typ6-img, .sec-typ6-con {height: auto; display: block;}

  .impact-box {
    max-width: 100% ! important;
  }

  
}

@media(max-width:575px){
.heading-typ1 {font-size: 30px;}
.imp-numbers-itm {margin: 7px 0;}
.btn-typ1, .btn-typ2 {font-size: 13px; padding: 10px 18px;}
.navbar-toggler{margin-left: 0;}
.heading-typ3 br {display: none;}

.sec-typ12 .sectorsInfoBox li img {width: 30px; height: 25px; object-fit: contain;}
.sec-typ12 .sectorsInfoBox li {padding: 8px 10px; border-radius: 10px;}
.sec-typ12 .sectorsInfoBox {gap: 10px;}

.filter-fields-rgt .form-group:nth-child(3){width: 100% !important;}
}

@media(max-width:1260px){
  .comp-rating-tp-cont{
    flex-wrap: wrap;
  }
}

@media(max-width:767px){
  .impact-cont{
    flex-wrap: wrap;
  }
  .impact-box{
flex: 0 0 calc(50% - 10px);
height: auto;

  }
}