@media only screen and (min-width:992px) {
    header.fixed {
        padding: 9px 0
    }

    .logo {
        margin-left: 32px
    }

    .navbar-expand-lg {
        margin-top: 30px
    }

    header.fixed .navbar-expand-lg {
        margin-top: 9px
    }

    .navbar-expand-lg .navbar-nav .nav-link {
        padding-left: 15px;
        padding-right: 15px
    }

    header.fixed .navbar-light .navbar-nav .nav-item.active .nav-link,
    header.fixed .navbar-light .navbar-nav .nav-link:hover {
        color: #000
    }

    header.fixed .navbar-light .navbar-nav .home-btn,
    header.fixed .navbar-light .navbar-nav .home-btn:hover,
    header.fixed .navbar-light .navbar-nav .nav-item.active .home-btn {
        color: #fff
    }

    .dropdown:hover .dropdown-menu {
        display: block;
        margin-top: 0
    }

    .what-we-do-wrapper .section-title {
        margin: 0
    }

    .brand-logo-wrap {
        max-width: 12.5%;
        -ms-flex: 0 0 12.5%;
        flex: 0 0 12.5%
    }
}

@media only screen and (max-width:1599px) {
    .content-box-wrap .text-box {
        top: -24%
    }

    .deals-wrap .text-box .text-black .sub-text {
        left: -25%
    }

    .banner-content h3 {
        font-size: 2.6vw
    }

    .section-heading .text:after {
        width: 238px;
        height: 130px
    }

    .blog-box .post-title {
        min-height: 43px;
    }
}

@media only screen and (max-width:1439px) {
    .content-box-wrap .text-box {
        top: -23%
    }

    .deals-wrap .text-box .text-black .sub-text {
        left: -21%
    }
}

@media only screen and (max-width:1365px) {
    #toTop {
        right: 20px
    }

    .content-box-wrap .text-box {
        top: -22%
    }

    .deals-wrap .text-box .text-black .sub-text {
        left: -16%
    }

    .team-box .name {
        font-size: 1.6vw
    }

    .banner-content h3 {
        font-size: 3vw
    }

    .banner-content h2 {
        font-size: 3.7vw
    }

    .portfolio h2 {
        font-size: 2.4vw
    }
}

@media only screen and (max-width:1279px) {
    .section-heading .text:after {
        width: 215px;
        height: 120px
    }

    #toTop {
        right: 15px;
    }

    .content-box-wrap .text-box {
        top: -20%
    }

    .deals-wrap .text-box .text-black .sub-text {
        left: -12%;
        top: 15%
    }

    .portfolio h2 {
        font-size: 2.3vw
    }

    .blog-box .post-title {
        font-size: 1.5vw;
        min-height: 37px;
    }

    .blogs-slider .blog-box .post-title {
        min-height: 39px;
    }
}

@media only screen and (max-width:1199px) {
    .banner-content .right-content {
        font-size: 12px
    }

    .content-box-wrap .text-box {
        top: -18%;
        right: 20%
    }

    .deals-wrap .text-box {
        right: -7%
    }

    .deals-wrap .text-box .bottom-text {
        padding: 12% 22% 0 0
    }

    .deals-wrap .text-box .text-black .sub-text {
        left: -4%
    }

    .mission-vision-box {
        min-height: 314px
    }

    .footer-menu ul li {
        padding: 0 0 0 8px
    }

    .team-box .name {
        font-size: 1.8vw
    }

    .sub-title {
        font-size: 2vw
    }

    .banner-content h3 {
        font-size: 2.9vw;
    }
}

@media only screen and (max-width:1079px) {
    .section-heading .text:after {
        width: 225px;
        height: 120px;
        left: 35px
    }

    .portfolio {
        padding: 0 3%
    }

    .portfolio .portfolio-icon a {
        max-width: 180px
    }

    .banner-content .right-content .right-box {
        top: 29px
    }
}

@media only screen and (max-width:1023px) {
    .deals-wrap .text-box {
        right: -5%
    }

    .deals-wrap .text-box .text-black .sub-text {
        left: 0
    }

    .we-offer-heading .heading-text:before {
        top: -4vw
    }

    .section-heading {
        padding: 30px 0 0
    }

    .section-heading .text:after {
        width: 190px;
        height: 105px;
        top: -30px
    }

    .portfolio {
        padding: 0 2%
    }

    .blog-box .post-title {
        font-size: 1.7vw;
    }

    .blogs-slider .blog-box .post-title {
        min-height: 41px;
    }
}

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

    .footer-menu,
    .social-media-icons {
        text-align: left
    }

    header {
        background: #fff;
        padding: 0
    }

    .navbar-light .navbar-brand {
        padding: 0;
        max-width: 73px
    }

    .navbar-light .navbar-toggler {
        border-color: #000;
        outline: 0
    }

    .navbar-light .navbar-toggler-icon {
        background: url(../images/toggle-icon.png) center center no-repeat
    }

    .navbar-nav {
        margin: 10px 0 0
    }

    .navbar-light .navbar-nav .nav-item {
        border-bottom: 1px solid #d6d6d6
    }

    .navbar-light .navbar-nav .nav-item:last-child {
        border-bottom: none
    }

    .navbar-light .navbar-nav .nav-link {
        padding: .5rem 1rem;
        font-size: 14px
    }

    .navbar-light .navbar-nav .nav-link:hover {
        color: #000
    }

    .navbar-expand-lg .navbar-nav .home-btn,
    .navbar-light .navbar-nav .home-btn:focus,
    .navbar-light .navbar-nav .home-btn:hover {
        color: #fff;
        display: block
    }

    .banner-wrapper {
        padding: 125px 0 50px
    }

    .banner-content h2 {
        font-size: 4vw
    }

    .about-us-content,
    .banner-content .content {
        margin: 0 0 20px
    }

    .counter-wrapper {
        padding: 35px 0 70px
    }

    .content-box-wrap {
        width: 265px;
        margin: 0 auto 50px
    }

    .content-box-wrap .text-box {
        top: -11%;
        right: auto;
        width: 245px
    }

    .content-box-wrap .text-box .text-black,
    .content-box-wrap .text-box .text-black .statistic-counter {
        font-size: 7vw
    }

    .deals-wrap .text-box .bottom-text {
        padding: 12% 30% 0 0
    }

    .deals-wrap .text-box .text-black .sub-text {
        top: 10%
    }

    .content-box-wrap .box-01:before {
        right: -14%
    }

    .content-box-wrap .box-03:before {
        right: -18%
    }

    .about-us-wrapper .video-wrapper {
        margin: 0 0 10px
    }

    .section-heading .text:after {
        width: 170px;
        height: 95px
    }

    footer {
        font-size: 14px
    }

    .footer-menu {
        margin: 20px 0 0
    }

    .footer-menu ul li {
        padding: 0 0 0 7px
    }

    .social-media-icons ul li a {
        font-size: 16px
    }

    .mission-vision-box {
        min-height: 374px
    }

    .investment .left-content {
        font-size: 3vw;
        line-height: normal
    }

    .portfolio h3 {
        font-size: 2vw
    }

    .portfolio .portfolio-img img {
        border: 10px solid #5b5b5b
    }

    .portfolio .portfolio-icon a {
        max-width: 140px
    }

    .info-link-box a {
        font-size: 2vw;
        padding: 70px 10px 10px
    }

    .info-video-wrap {
        margin: 0 0 30px
    }

    .team-box .name {
        font-size: 2.3vw
    }

    .founder-team-box .team-box .name {
        font-size: 3vw
    }

    .banner-content p,
    .banner-content h5 {
        font-size: 3.5vw
    }

    .banner-content .btn-black a {
        padding: 10px 30px;
        font-size: 16px;
        margin: 0
    }

    .blog-heading {
        font-size: 4vw;
    }

    .blog-box .post-title {
        font-size: 2.2vw;
    }

    .blogs-slider .blog-box .post-title {
        min-height: 48px;
    }

    .future-counter-wrapper {
        padding: 70px 0 50px;
    }

    .future-counter-box {
        margin: 0 0 20px;
    }

    .future-counter-box h3 {
        font-size: 3vw;
    }

    .environment-img>img {
        width: 100%;
    }

    .banner-content h3 {
        font-size: 2.6vw;
    }
}

@media only screen and (max-width:899px) {
    .banner-content .right-content .left-box {
        top: -30px
    }

    .banner-content .right-content .right-box {
        top: -2px
    }

    .banner-content .right-content .right-box .bottom-text {
        margin: 18% 0 0
    }

    .banner-content .right-content .deals-box {
        top: 120px
    }

    .sub-title {
        font-size: 2.3vw
    }
}

@media only screen and (max-width:809px) {
    .banner-content .right-content .right-box {
        top: -1px
    }
}

@media only screen and (max-width:799px) {
    .banner-content .right-content {
        margin: 60px 0 50px
    }

    .portfolio .portfolio-icon a {
        max-width: 130px
    }

    .info-link-box a {
        font-size: 2.4vw
    }

    .blogs-slider .blog-box .post-title {
        min-height: 42px;
    }
}

@media only screen and (max-width:767px) {
    .section-heading {
        font-size: 6vw;
        margin: 0 0 51px;
        padding: 23px 0 0
    }

    .section-heading .text:after {
        top: -23px
    }

    .banner-wrapper {
        padding: 125px 0 50px
    }

    .counter-wrapper {
        padding: 20px 0 50px
    }

    .content-box-wrap .text-box {
        top: -10%
    }

    .content-box-wrap .text-box .text-black,
    .content-box-wrap .text-box .text-black .statistic-counter {
        font-size: 8vw
    }

    .about-us-wrapper,
    .our-partners-wrapper,
    .make-a-wish-wrapper {
        padding: 50px 0
    }

    .media-wrapper {
        padding: 50px 20px
    }

    footer {
        padding: 40px 0 0
    }

    .address,
    .footer-logo,
    .footer-menu,
    .social-media-icons,
    .we-offer-box,
    .we-offer-box.right {
        text-align: center
    }

    .footer-logo a {
        margin: 0 auto 10px;
        max-width: 90px;
        display: block
    }

    .footer-menu ul {
        margin: 0 0 16px
    }

    .our-story-wrapper {
        padding: 50px 0 0
    }

    .mission-vision-wrapper,
    .our-team-wrapper,
    .we-offer-wrapper {
        padding: 50px 0 20px
    }

    .mission-vision-box {
        min-height: inherit;
        margin: 0 0 30px
    }

    .investment,
    .portfolio {
        margin: 0 0 50px
    }

    .investment .left-content {
        margin: 0 0 6%
    }

    .investment .left-content span {
        display: inline-block
    }

    .investment:nth-child(2n-1) .left-content,
    .portfolio:nth-child(odd) .portfolio-content {
        text-align: left
    }

    .investment .stage-content:before {
        left: -2.5vw
    }

    .investment .right-content,
    .mission-vision-box .content {
        font-size: 18px
    }

    .team-box .name {
        font-size: 2.8vw
    }

    .founder-team-box .team-box .name {
        font-size: 3.5vw;
    }

    .team-box .social-link ul li {
        padding: 0 2px;
        max-width: 20px
    }

    .our-brands-wrapper {
        padding: 50px 20px 0
    }

    .portfolio {
        padding: 0
    }

    .portfolio h2 {
        font-size: 4vw
    }

    .banner-content h3 {
        font-size: 2.7vw;
    }

    .portfolio h3,
    .sub-title {
        font-size: 3vw;
    }

    .brand-logo {
        margin: 0 0 15px;
    }

    .banner-content .content,
    .portfolio .portfolio-img {
        margin: 0 0 10px;
    }

    .portfolio .portfolio-img img {
        border: 5px solid #5b5b5b
    }

    .we-offer-box {
        font-size: 18px;
        margin: 0 0 30px
    }

    .we-offer-heading {
        font-size: 4vw;
        margin: 15px 0
    }

    .info-link-box a {
        font-size: 4vw;
        padding: 10px
    }

    .we-offer-heading .heading-text:before {
        font-size: 16vw
    }

    .banner-content .btn-black a {
        font-size: 15px
    }

    .press-wrapper {
        padding: 50px 0 18px;
    }

    .portfolio-press-wrapper {
        padding: 0 0 18px;
    }

    .blogs-wrapper {
        padding: 50px 0;
    }

    .blog-heading {
        font-size: 4.5vw;
    }

    .blog-details-wrapper h3 {
        font-size: 4vw;
    }

    .blog-box .post-title {
        font-size: 3vw;
        min-height: inherit;
    }

    .blogs-slider .blog-box .post-title {
        min-height: inherit;
    }

    .blog-details {
        margin: 0 0 30px;
    }

    .blogs-slider {
        margin: 0;
    }

    .blogs-slider .blog-box {
        margin: 0;
    }

    .future-forward-wrapper {
        padding: 50px 0;
    }

    .future-counter-wrapper {
        padding: 50px 0 30px;
    }

    .future-counter-box h3 {
        font-size: 4vw;
    }

    .environment-wrapper {
        padding: 50px 0;
    }

    .environment-wrapper h2 {
        font-size: 4vw;
    }
}

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

    .content-box-wrap .text-box .text-black,
    .content-box-wrap .text-box .text-black .statistic-counter {
        font-size: 9vw
    }

    .banner-content h3 {
        font-size: 3vw;
    }

    .investment .left-content {
        font-size: 4vw
    }

    .banner-content h2 {
        font-size: 5vw
    }

    .blog-heading {
        font-size: 5vw;
    }

    .blog-details-wrapper h3 {
        font-size: 4.5vw;
    }
}

@media only screen and (max-width:575px) {
    .navbar {
        padding: .5rem 0
    }

    .section-heading {
        padding: 23px 0 0;
        margin: 0 0 44px
    }

    .section-heading .text:after {
        width: 150px;
        height: 80px;
        right: -90px;
        top: -21px
    }

    .content-box-wrap .text-box .text-black,
    .content-box-wrap .text-box .text-black .statistic-counter {
        font-size: 10vw
    }

    .investment .left-content {
        font-size: 4.5vw
    }

    .team-box .name {
        font-size: 3.1vw
    }

    .founder-team-box .team-box .name {
        font-size: 4vw
    }

    .banner-content .btn-black a,
    footer {
        font-size: 12px
    }

    .banner-content h2 {
        font-size: 5vw
    }

    .sub-title {
        font-size: 3.7vw
    }

    .media-slider .slick-next,
    .media-slider .slick-prev,
    .partners-slider .slick-next,
    .partners-slider .slick-prev,
    .portfolio-slider .slick-next,
    .portfolio-slider .slick-prev {
        width: 15px;
        height: 15px
    }

    .media-slider .slick-next:before,
    .media-slider .slick-prev:before,
    .partners-slider .slick-next:before,
    .partners-slider .slick-prev:before,
    .portfolio-slider .slick-next:before,
    .portfolio-slider .slick-prev:before {
        font-size: 15px
    }

    .blog-box .post-title {
        font-size: 4vw;
    }

    .blog-heading {
        font-size: 6vw;
    }

    .blog-details-wrapper h3 {
        font-size: 5.5vw;
    }

    .future-counter-box h3,
    .environment-wrapper h2 {
        font-size: 5vw;
    }
}

@media only screen and (max-width:479px) {
    .section-heading .text:after {
        width: 140px;
        height: 76px;
        right: -75px
    }

    .banner-content .btn-black a {
        padding: 8px 30px;
        font-size: 11px
    }

    .content-box-wrap .text-box .text-black,
    .content-box-wrap .text-box .text-black .statistic-counter {
        font-size: 11vw
    }

    .deals-wrap .text-box {
        right: 0
    }

    .media-wrapper {
        padding: 50px 15px
    }

    .investment .right-content,
    .mission-vision-box .content,
    .section-top-content,
    .we-offer-box {
        font-size: 16px
    }

    .mission-vision-box {
        padding: 30px 15px;
    }

    .mission-vision-box h2 {
        font-size: 5.8vw;
        margin: 0 0 10px;
    }

    .portfolio h2 {
        font-size: 5vw;
    }

    .banner-content h3 {
        font-size: 3.2vw;
    }

    .portfolio h3 {
        font-size: 4vw
    }

    .portfolio .portfolio-icon img {
        max-height: 60px
    }

    .info-link-box a,
    .we-offer-heading {
        font-size: 4.8vw
    }

    .we-offer-heading .heading-text:before {
        font-size: 18vw;
        left: -3vw
    }

    .blog-details-wrapper h4 {
        font-size: 4.5vw;
    }

    .blog-details-wrapper h5 {
        font-size: 4vw;
    }
}

@media only screen and (max-width:427px) {
    .footer-menu ul li {
        padding: 0 0 0 5px
    }

    .content-box-wrap .text-box .text-black,
    .content-box-wrap .text-box .text-black .statistic-counter {
        font-size: 12vw
    }

    .deals-wrap .text-box .bottom-text {
        padding: 12% 26% 0 0
    }

    .section-heading {
        font-size: 8vw
    }

    .section-heading .text:after {
        right: -60px;
        top: -16px
    }

    .team-box .name {
        font-size: 2.9vw
    }

    .future-counter-box h3,
    .environment-wrapper h2 {
        font-size: 6vw;
    }
}

@media only screen and (max-width:413px) {
    .section-heading {
        padding: 20px 0 0
    }

    .section-heading .text:after {
        width: 136px;
        height: 74px
    }

    .content-box-wrap .text-box .text-black,
    .content-box-wrap .text-box .text-black .statistic-counter {
        font-size: 14vw
    }

    .deals-wrap .text-box .bottom-text {
        padding: 12% 22% 0 0
    }

    footer {
        font-size: 11px
    }

    .we-offer-heading .heading-text:before {
        top: -4.5vw
    }

    .blog-heading {
        font-size: 6vw;
    }

    .blog-box .post-title {
        font-size: 5vw;
    }
}

@media only screen and (max-width:389px) {
    .section-top-content {
        font-size: 15px
    }

    .footer-menu ul li {
        padding: 0 0 0 3px;
    }

    .banner-content h3 {
        font-size: 3.1vw;
    }
}

@media only screen and (max-width:374px) {
    .section-heading .text:after {
        width: 127px;
        height: 69px
    }

    .banner-content .content {
        background-size: 100%
    }

    .content-box-wrap .text-box .text-black,
    .content-box-wrap .text-box .text-black .statistic-counter {
        font-size: 15vw
    }

    .content-box-wrap .box-02:before,
    .indian-wrap .text-box .text-black .sub-text {
        left: -8%
    }

    .deals-wrap .text-box {
        min-width: 320px
    }

    .deals-wrap .text-box .bottom-text {
        padding: 12% 14% 0 0
    }

    .deals-wrap .text-box .text-black .sub-text {
        left: 3%
    }

    .content-box-wrap .box-01:before,
    .content-box-wrap .box-03:before {
        right: -8%
    }

    .about-us-content p br {
        display: none
    }

    footer {
        font-size: 10px
    }

    .section-top-content,
    .social-media-icons ul li a {
        font-size: 14px
    }

    .portfolio h2 {
        font-size: 5.5vw
    }

    .info-link-box a,
    .portfolio h3,
    .we-offer-heading {
        font-size: 5vw
    }

    .portfolio .portfolio-icon a {
        max-width: 110px
    }

    .portfolio .portfolio-icon img {
        max-height: 40px
    }

    .team-box .name {
        font-size: 2.6vw
    }

    .future-counter-box h3,
    .environment-wrapper h2 {
        font-size: 7vw;
    }

    .blog-details-wrapper h4 {
        font-size: 5vw;
    }

    .blog-details-wrapper h5 {
        font-size: 4.9vw;
    }
}