@media screen and (max-width: 1366px) {
  .container {
    max-width: 1140px;
  }

  #intro .intro-text,
  .whysme-slider .intro-text {
    width: 1140px;
  }

  .section-header .section-title {
    font-size: 38px;
    line-height: 48px !important;
  }

  #intro h1,
  #intro h2,
  .whysme-slider h1,
  .whysme-slider h2 {
    font-size: 40px;
  }

  .profile-box .profile-txt h2 {
    font-size: 38px;
  }

  .profile-box .profile-txt h3 {
    font-size: 22px;
    margin-bottom: 10px;
  }

  .profile-experience p {
    font-size: 22px;
  }

  #pricing h3 {
    font-size: 22px;
  }

  #more-features {
    padding: 110px 0 110px 0;
  }

  .why3box-list h3 {
    font-size: 30px;
    margin-bottom: 10px;
  }

  .why3box-list {
    padding: 25px;
  }

  .sme-box h3 {
    font-size: 22px;
  }

  #news .box .ytube-video {
    height: 304px;
  }

  .news-articles h1 {
    font-size: 34px;
    margin: 40px 0;
  }

  .news-articles h2 {
    font-size: 22px;
  }

  .about-quote {
    font-size: 42px;
  }

  .f34 {
    font-size: 32px;
    line-height: 36px;
  }

  #advanced-features h2 {
    font-size: 32px;
  }

  #advanced-features p.f24 {
    font-size: 22px;
  }

  #pricing h2 {
    font-size: 32px;
  }

  .team-name h3 {
    font-size: 32px;
  }

  .team-name p {
    font-size: 20px !important;
  }

  .inner-banner-team {
    height: 326px !important;
  }

  .team-name::before {
    top: 130px;
  }

  .f24 {
    font-size: 22px;
  }

  .number-box {
    font-size: 22px;
    line-height: 26px;
  }

  #advanced-features .features-row.recognition {
    padding: 40px 0 70px 0;
  }

  .quote-box {
    font-size: 28px;
    padding: 50px;
  }

  .team-box p span {
    font-size: 22px;
  }

  .team-details .team-bio .team-name1 h2 {
    font-size: 36px;
  }

}

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

  body {
    font-size: 16px;
  }

  .container {
    max-width: 960px;
  }

  #intro .intro-text,
  .whysme-slider .intro-text {
    width: 960px;
  }

  .section-header .section-title {
    font-size: 32px;
    line-height: 42px !important;
  }

  .profile-box .profile-txt h2 {
    font-size: 34px;
  }

  .profile-box .profile-txt h3 {
    font-size: 20px;
  }

  .profile-box p {
    font-size: 17px;
  }

  .profile-experience p {
    font-size: 18px !important;
  }

  #intro h1,
  #intro h2,
  .whysme-slider h1,
  .whysme-slider h2 {
    font-size: 36px;
  }

  #pricing h2 {
    font-size: 32px;
  }

  #more-features h4 {
    font-size: 34px;
  }

  #advanced-features h2 {
    font-size: 32px;
  }

  #advanced-features p.f24 {
    font-size: 22px;
    line-height: 26px;
  }

  #pricing h3 {
    font-size: 20px;
  }

  #contact .footer-links a {
    font-size: 14px;
  }

  #contact p {
    font-size: 14px;
  }

  .investment-features h2 {
    font-size: 32px;
  }

  .para-section span {
    font-size: 32px;
  }

  .investment-features .para-section p {
    font-size: 22px !important;
  }

  #more-features {
    padding: 60px 0 110px 0;
  }

  #more-features p {
    font-size: 16px;
  }

  .banner1,
  .banner2,
  .banner3,
  .banner4 {
    height: 400px !important;
  }

  .sme-box h3 {
    font-size: 20px;
  }

  .why3box-list {
    padding: 16px;
  }

  .why3box-list h3 {
    font-size: 24px;
    margin-bottom: 10px;
  }

  .single-item #intro h1,
  .single-item #intro h2,
  .single-item .whysme-slider .intro-text {
    font-size: 36px;
    line-height: 36px;
  }

  #news .box .ytube-video {
    height: 253px;
  }

  .follow-us {
    font-size: 25px;
  }

  .follow-us a {
    width: 26px;
  }

  .follow-us a img {
    max-width: 100%;
  }

  .news-articles h1 {
    font-size: 28px;
  }

  .news-articles h2 {
    font-size: 20px;
  }

  .about-24 {
    font-size: 22px;
  }

  .about-quote {
    font-size: 38px;
  }

  .f34 {
    font-size: 30px;
    line-height: 30px;
  }

  .approach:last-child {
    margin-bottom: 0;
  }

  .team-name h3 {
    font-size: 28px;
  }

  .team-name p {
    font-size: 18px !important;
  }

  .inner-banner-team {
    height: 318px !important;
  }

  .team-name::before {
    top: 122px;
  }

  .f24 {
    font-size: 20px;
  }

  .number-box .box p:first-child {
    font-size: 17px;
  }

  .number-box {
    font-size: 20px;
  }

  .quote-box {
    font-size: 24px;
    padding: 30px;
  }

  .team-details .team-bio .team-name1 h2 {
    font-size: 32px;
  }

  .whysme-pricing.contact .form-submit-btn {
    font-size: 22px;
    min-width: 270px;
  }
  
  .footer-fund-details li {
    font-size: 13px;
  }



}


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

  .nav-menu>li {
    margin-left: 0;
  }

  .nav-menu a {
    font-size: 14px;
  }

  .nav-menu ul li a {
    font-size: 14px;
  }

  .container {
    max-width: 720px;
  }

  #intro .intro-text,
  .whysme-slider .intro-text {
    width: 720px;
  }

  #mobile-nav-toggle i {
    color: #000;
  }

  #mobile-nav ul .menu-item-active,
  #mobile-nav ul .menu-item-has-children i.fa-chevron-up {
    color: #ffc107;
  }



  #intro h1,
  #intro h2,
  .whysme-slider h1,
  .whysme-slider h2 {
    font-size: 30px;
  }

  #intro,
  .whysme-slider {
    height: 500px;
  }

  .section-header .section-title {
    font-size: 24px;
    line-height: 32px !important;
  }

  .section-title1 {
    font-size: 26px;
    line-height: 30px;
  }

  .profile-box .profile-txt h2 {
    font-size: 27px;
  }

  .profile-box .profile-txt h3 {
    font-size: 15px;
  }

  .profile-box p {
    font-size: 14px;
  }

  .profile-experience p {
    font-size: 16px !important;
    margin-right: 20px;
  }

  #advanced-features p.f24 {
    font-size: 20px;
  }

  #more-features h4 {
    font-size: 30px;
  }

  #more-features {
    padding: 0px 0 30px 0;
  }

  #more-features .box {
    margin-bottom: 30px;
  }

  .investment-features {
    padding: 60px 0 !important;
  }

  .para-section span {
    font-size: 28px;
  }

  .investment-features .para-section p {
    font-size: 18px !important;
  }

  .inner-banner.investment-bg {
    height: 200px !important;
  }

  #about .section-header .section-title {
    font-size: 28px;
  }

  .single-item .inner-banner {
    height: 400px !important;
  }

  #about .mb-0 {
    margin-bottom: 30px !important;
  }

  .why3box-list:first-child {
    margin-top: 30px;
  }

  .single-item #intro h1,
  .single-item #intro h2,
  .single-item .whysme-slider h1,
  .single-item .whysme-slider h2 {
    font-size: 26px;
    line-height: 34px;
  }

  #about.why {
    padding-top: 30px;
  }

  #pricing h2 {
    font-size: 28px;
  }

  #news .box h3 {
    font-size: 18px;
  }

  .follow-us {
    margin-top: 30px;
  }

  .follow-us a {
    width: 20px;
  }

  #news .box .ytube-video {
    height: 185px;
    overflow: hidden;
  }

  #pricing h3 {
    font-size: 18px;
  }

  .inner-banner-artcile .nav-tabs {
    margin-top: 19px;
  }

  .article-like {
    margin-top: 120px;
  }

  .about-24 {
    font-size: 20px;
  }

  .about-quote {
    font-size: 36px;
  }

  .f34 {
    font-size: 28px;
  }

  .about-sec1 .box {
    margin-top: 0;
  }

  .about-sec1 .box .icon {
    margin-top: 30px;
  }

  #advanced-features .features-row {
    padding: 60px 0 60px 0;
  }

  #advanced-features p.f18 {
    font-size: 16px;
  }

  #advanced-features h2 {
    font-size: 28px;
  }

  .approach {
    margin-bottom: 0;
  }

  .approach p {
    margin-bottom: 30px !important;
  }

  #pricing {
    padding-bottom: 30px;
  }

  .team-name h3 {
    font-size: 24px;
  }

  .team-name p {
    font-size: 16px !important;
  }

  .right-img {
    right: 30px;
    bottom: -138px;
  }

  .team-name::before {
    top: 120px;
  }

  .number-box {
    font-size: 18px;
    line-height: 22px;
  }


  .number-box .box {
    padding: 15px;
    min-height: auto;
  }

  .number-box .box span {
    font-size: 28px;
  }

  .team-cnt {
    width: 100%;
  }

  .team-box {
    width: 32%;
  }

  .team-box p span {
    font-size: 20px;
  }

  .team-details .team-bio .team-name1 h2 {
    font-size: 30px;
  }

  .whysme-pricing.contact .section-header .section-title {
    font-size: 26px;
  }

  .whysme-pricing.contact .form-control {
    font-size: 15px;
  }

  .whysme-pricing.contact .form-check-label {
    font-size: 16px;
  }

  .whysme-pricing.contact {
    padding: 60px 0;
  }
  
   .footer-fund-details li span {
    display: block;
  }

}


@media screen and (max-width: 768px) {
  .nav-contact {
    padding: 10px 22px 10px 15px !important;
  }
}

@media screen and (max-width: 767px) {
    #about .mb-0.mt-4 {
        margin-bottom: 0px !important;
    }
    .startegic-solutions {
    padding-bottom: 60px;
}
.inner-banner-artcile .nav-tabs .nav-item {
    margin-bottom: -1px;
}
  .container {
    max-width: 540px;
  }

  #intro .intro-text,
  .whysme-slider .intro-text {
    width: 540px;
  }

  #intro h1,
  #intro h2,
  .whysme-slider h1,
  .whysme-slider h2 {
    font-size: 26px;
  }

  #intro,
  .whysme-slider {
    height: 400px;
  }

  .section-header .section-title {
    font-size: 22px;
    line-height: 30px !important;
  }

  .section-header .section-title br {
    display: none;
  }

  .font24 {
    font-size: 16px;
  }

  .section-title1 {
    font-size: 22px;
    line-height: 26px;
  }

  .profile-box {
    flex-wrap: wrap;
  }

  .profile-box .profile-photo {
    width: 100%;
    max-width: 392px;
    margin: 0 auto;
  }

  .profile-box .profile-txt {
    width: 100%;
    max-width: 392px;
    margin: 0 auto;
  }

  .profile-box .profile-photo::after {
    display: none;
  }

  .profile-box .profile-txt h2 {
    font-size: 24px;
  }

  .profile-experience {
    flex-wrap: wrap;
  }

  .profile-experience p {
    width: 100%;
    border-bottom: 1px solid #fff;
    border-right: 0;
    padding: 20px;
    font-size: 22px !important;
  }

  .profile-box .profile-txt a {
    position: relative;
    left: 0;
    bottom: 0;
    margin-top: 50px;
    display: block;
  }

  #advanced-features p.f18 {
    font-size: 16px;
    line-height: 22px;
  }

  #pricing h2 {
    font-size: 30px;
  }

  #advanced-features h2 {
    font-size: 30px;
  }

  #pricing h3 {
    font-size: 18px;
  }

  #pricing {
    padding: 60px 0 30px 0;
  }

  #contact p {
    font-size: 16px;
  }

  #contact p:last-child {
    margin-bottom: 30px;
  }

  #contact .footer-links a {
    font-size: 16px;
  }

  .contact-about {
    margin-bottom: 20px;
  }

  .contact-about a img {
    max-width: 200px;
  }

  #more-features p {
    font-size: 16px;
  }

  .profile-box p {
    font-size: 16px;
  }

  .profile-box .profile-txt h3 {
    font-size: 17px;
  }

  #advanced-features p.f24 {
    margin-bottom: 20px;
  }

  #about .section-header .section-title {
    font-size: 25px;
  }

  .investment-features h4,
  .investment-features p {
    margin-left: 0px !important;
  }

  .para-section span {
    font-size: 25px;
  }

  .investment-features h2 {
    text-align: center;
  }

  .single-item .inner-banner {
    height: 300px !important;
  }

  .single-item #intro h1,
  .single-item #intro h2,
  .single-item .whysme-slider h1,
  .single-item .whysme-slider h2 {
    font-size: 23px;
    line-height: 29px;
  }

  .sme-box h3 {
    font-size: 18px;
  }

  .why3box-list h3 {
    font-size: 22px;
  }

  .disclaimer .font24 {
    font-size: 24px;
  }

  #news .box .ytube-video {
    height: 287px;
  }

  .news-articles h1 {
    font-size: 24px;
  }

  .news-articles h2 {
    font-size: 19px;
  }

  .article-like {
    margin-top: 0;
  }

  .about-sec1 .box {
    margin-top: 0;
  }

  .about-quote {
    font-size: 30px;
  }

  .f34 {
    font-size: 26px;
  }

  .about-sec1 .box .icon {
    margin-top: 30px;
  }

  .right-img {
    right: 0;
    width: 265px;
    bottom: -99px;
  }

  .inner-banner-team {
    height: 240px !important;
  }

  .team-name::before {
    top: 81px;
  }

  .f24 {
    font-size: 18px;
  }

  .number-box {
    flex-wrap: wrap;
  }

  .number-box .box {
    width: 100%;
    margin-bottom: 20px;
  }

  .number-box .box p:first-child {
    font-size: 18px;
  }

  #advanced-features .features-row.recognition {
    padding: 0px 0 70px 0;
  }

  .honor {
    margin-top: 30px;
  }

  .quote-box {
    font-size: 22px;
    line-height: 30px;
  }

  .team-cnt {
    flex-wrap: wrap;
  }

  .team-box {
    width: 100%;
    text-align: center;
    margin-top: 30px;
  }

  .team-box:first-child {
    margin-top: 0;
  }

  .team-box p {
    margin-top: 15px;
  }

  .team-details {
    width: 100%;
  }

  .team-details {
    flex-wrap: wrap;

  }

  .team-details .team-photo {
    width: 100%;
    position: relative;
    text-align: center;
  }

  .team-details .team-bio {
    width: 100%;
    padding-left: 0;
  }

  .team-details .team-bio .team-name1 h2 {
    font-size: 27px;
  }

  .team-details .team-photo a {
    position: absolute;
    right: 0;
  }

  .f24 {
    font-size: 24px;
    margin-bottom: 10px;
  }

  .team-desc .f24 {
    font-size: 20px;
  }

  .team-details .team-photo img {
    border-radius: 10px;
  }

  .whysme-pricing.contact .section-header .section-title {
    font-size: 24px;
  }

  .whysme-pricing.contact .form-submit-btn {
    font-size: 20px;
    min-width: 250px;
    padding: 0 10px;
  }

  .contact-bg {
    background: url(../img/contact-banner.jpg) right -610px top no-repeat !important;
  }

  .about-bg {
    background: url(../img/about-bg.jpg) center top no-repeat !important;
  }

  #intro {
    background: url(../img/intro-bg.jpg) right -190px top no-repeat;
    background-size: cover;
  }

  .privacy-terms p,
  .privacy-terms ul {
    font-size: 15px;
    line-height: 22px;
    text-align: left;
  }

  .privacy-terms h4 {
    font-size: 18px;
  }

  .text-white.f24 {
    margin-bottom: 0;
  }
  
  .footer-fund-details {
    margin-bottom: 40px;
  }

  .footer-fund-details li {
    font-size: 16px;
  }

}


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

  #intro,
  .whysme-slider {
    height: 300px;
  }

  #intro h1,
  #intro h2,
  .whysme-slider h1,
  .whysme-slider h2 {
    font-size: 24px;
    line-height: 30px;
  }

  #intro h1 br,
  #intro h2 br,
  .whysme-slider h1 br,
  .whysme-slider h2 br {
    display: none;
  }

  #advanced-features .features-row {
    padding: 60px 0 60px 0;
  }

  #pricing h2 {
    font-size: 26px;
  }

  #more-features {
    padding: 0px 0 30px 0;
  }

  #more-features h4 {
    font-size: 26px;
  }

  #advanced-features h2 {
    font-size: 28px;
  }

  .profile-box .profile-photo .userInfo .username h3 {
    font-size: 22px;
  }

  #about .section-header .section-title {
    font-size: 20px;

  }

  .investment-features h2 {
    font-size: 26px;
    text-align: center;
  }

  .investment-features h4 {
    font-size: 20px !important;
  }

  .para-section span {
    font-size: 23px;
  }

  .investment-features .para-section p {
    font-size: 16px !important;
    line-height: 26px !important;
  }

  .profile-box .profile-txt {
    padding: 20px;
  }

  #news .box .ytube-video {
    height: 194px;
  }

  .news-articles h1 {
    font-size: 22px;
  }

  .news-articles h2 {
    font-size: 18px;
  }

  .article-btn {
    text-align: center;
  }

  .about-24 {
    font-size: 18px;
  }

  .about-quote {
    font-size: 26px;
  }

  .f34 {
    font-size: 24px;
  }

  #advanced-features h2 {
    font-size: 26px;
  }

  #advanced-features p.f24 {
    font-size: 18px;
  }

  .thecompany#advanced-features .features-row {
    padding: 40px 0 40px 0;
  }

  .thecompany#pricing {
    padding: 40px 0 20px 0;
  }

  .inner-banner-team {
    border-bottom: 40px solid #283895;
  }

  .right-img {
    width: 210px;
    bottom: -65px;
  }

  .inner-banner-team {
    height: 200px !important;
  }

  .team-name::before {
    top: 75px;
    left: 25px;
    width: 36px;
    height: 40px;
    background-size: cover;
  }

  .team-name h3 {
    font-size: 22px;
  }

  .team-name p {
    font-size: 15px !important;
  }

  .f24 {
    font-size: 18px;
    line-height: 25px;
  }

  .about-sec1 {
    padding: 60px 0 30px;
  }

  .quote-box {
    font-size: 20px;
    line-height: 28px;
    padding: 20px;
  }

  .modal-body {
    padding: 20px;
  }

  .team-details .team-bio .team-name1 p {
    font-size: 16px;
  }

  .team-details .team-photo .education .f24 {
    font-size: 21px;
  }

  button.close {
    margin-bottom: 20px;
  }
}