@media (min-width: 1300px) {
    .container {
        max-width: 1230px;
    }
}

@media(max-width:1199px) {
    h3 {
        font-size: 22px;
        line-height: 28px;
    }
    .text-holder h2 {
        font-size: 32px;
    }
    .text-holder p {
        font-size: 14px;
    }
    .tab_wrapper {
        margin-top: -219px;
    }
    .tab_text p {
        color: #FFFFFF;
        margin-bottom: 24px;
        font-size: 16px;
    }
    .tab_text h3 {
        margin-bottom: 24px;
    }
    .mark_holder {
        padding: 50px 50px 70px;
    }
    .client-carousel .owl-nav .owl-prev {
        left: -20px;
    }
    .client-carousel .owl-nav .owl-next {
        right: -20px;
    }
    .brand-text {
        padding: 0;
        z-index: 2;
        position: relative;
    }
    .tab_wrapper .nav a,
    .tab_wrapper .nav a.active {
        font-size: 18px;
        line-height: 28px;
        padding: 20px 92.4px;
    }
    .tab_wrapper .mt-25 {
        margin-top: -15px;
    }
    .icon-holder {
        padding: 0;
    }
    .icon-holder p {
        font-size: 15px;
    }
    .talent .desc h3,
    .talent .desc p {
        padding-left: 60px;
        padding-right: 60px;
    }
    .btn_large {
        margin-top: 0;
    }
}

@media(max-width:991px) {
    .text-wrapper {
        top: 200px;
    }
    .text-holder h2 {
        font-size: 32px;
        line-height: 40px;
        margin-bottom: 10px;
    }
    .text-holder p {
        margin-bottom: 20px;
    }
    .tab_wrapper {
        margin-top: -67px;
    }
    .tab_wrapper .mt-25 {
        margin-top: 0;
    }
    .img-holder {
        padding: 60px 0;
    }
    .tab_wrapper .tab_text {
        padding: 0 0 0;
    }
    .text_cap {
        transform: translate(0)
    }
    .bg_green {
        background-image: linear-gradient(44deg, #31A779 0%, #8FF2B3 100%);
    }
    .bg_blue {
        background-image: linear-gradient(-135deg, #00C6FF 0%, #0072FF 100%);
    }
    .bg_red {
        background-image: linear-gradient(-135deg, #E55250 0%, #CC2A27 100%);
    }
    .marketing-sec .owl-stage {
        left: -30px;
    }
    .strategy2 .desc {
        padding-top: 61px;
    }
    .strategy-3 .desc {
        padding-top: 61px;
    }
    .desc p {
        padding-right: 0;
    }
    .strategy2,
    .strategy1 {
        padding-bottom: 52px;
    }
    .strategy-3 {
        padding-bottom: 112px;
    }
    .expertise h2 {
        font-size: 32px;
        line-height: 44px;
        margin-bottom: 60px;
    }
    .expertise {
        padding-top: 154px;
    }
    .talent .desc h3,
    .talent .desc p {
        padding-left: 0;
    }
    .talent {
        padding-bottom: 61px;
    }
    .btn_large {
        padding-top: 61px;
    }
    .con_txt {
        padding-right: 100px;
    }
    .desc {
        padding-left: 0;
    }
    .about {
        padding-top: 154px;
    }
    .talent2 .desc p,
    .talent .desc h3,
    .talent .desc p {
        padding-right: 0;
    }
}

@media(max-width:767px) {
    body {
        font-size: 16px;
        line-height: 24px;
    }
    h3 {
        font-size: 24px;
        line-height: 32px;
    }
    button.navbar-toggler {
        outline: none;
        position: relative;
        z-index: 3;
        padding: 0;
    }
    .navbar-collapse {
        height: 100vh;
        transition: all 0.5s ease-in-out;
        background-color: #90ecf9;
        position: fixed;
        left: 0;
        right: 0;
        top: 0;
        transform: translateY(-100%);
        z-index: 5;
        display: flex;
        flex-direction: column !important;
        justify-content: space-between !important;
    }
    header .navbar-nav li a {
        font-size: 24px;
    }
    header .navbar-nav .nav-link {
        padding: 20px 0 0 0;
    }
    .navbar-collapse.show {
        transform: translateY(0);
        transition: all 0.5s ease-in-out;
    }
    .cst_links {
        max-width: 540px;
        padding-bottom: 30px;
        margin: 0 auto;
    }
    .cst_links li a img {
        height: 28px;
        object-fit: cover;
    }
    .text-holder p {
        font-size: 16px;
    }
    header .navbar {
        padding: 22px 15px;
    }
    .text-wrapper {
        padding: 0;
    }
    .text-holder h2 {
        margin-bottom: 24px;
        line-height: 44px;
    }
    .text-holder p {
        margin-bottom: 40px;
    }
    .tab_wrapper .nav a,
    .tab_wrapper .nav a.active {
        font-size: 18px;
        line-height: 28px;
        padding: 20px 46.4px;
    }
    .text-wrapper {
        top: 258px;
    }
    .banner {
        height: 738px;
    }
    .tab_wrapper {
        margin-top: 0;
    }
    .marketing-sec .owl-stage {
        left: -15px;
    }
    .img_slide {
        width: 92px;
        height: 92px;
    }
    .client-carousel .owl-stage {
        left: -15px;
    }
    .client {
        padding: 112px 0 112px;
        position: relative;
    }
    .client-carousel {
        margin-bottom: 40px;
    }
    .brand-text p:last-of-type {
        margin-bottom: 40px;
    }
    .circle4 {
        height: 58px;
        width: 58px;
        top: 28%;
        left: 17%;
        right: auto;
        transform: translate(44%, -35%);
    }
    .circle3 {
        height: 175px;
        width: 175px;
        top: 47%;
    }
    .circle1 {
        height: 58px;
        width: 58px;
    }
    .pd-0 {
        padding: 0;
    }
    .client .heading {
        padding: 0 15px;
    }
    .pd2-btm {
        padding-bottom: 185px;
    }
    .mob-header {
        display: flex;
        padding: 22px 15px;
        max-width: 540px;
    }
    .mob-header exit img {
        height: 16px;
        object-fit: cover;
    }
    .mob-header button.exit {
        background-color: transparent;
        border: none;
        outline: none;
        cursor: pointer;
    }
    .mob_div {
        width: 100%;
    }
    .mob-footer {
        display: block;
        background-image: linear-gradient(38deg, #37299B 28%, #6577F1 100%);
        padding: 19px 0;
    }
    .mob-footer button.swipe {
        font-size: 12px;
        color: #FFFFFF;
        letter-spacing: 0.48px;
        text-align: center;
        line-height: 28px;
        text-transform: uppercase;
        background: transparent;
        border: none;
        outline: none;
        cursor: pointer;
    }
    .mob-footer .swipe img {
        height: 18px;
        object-fit: cover;
        margin-left: 12px;
    }
    .scroll {
        overflow: hidden;
    }
    .banner svg {
        transform: translate(-50%, -3%);
        width: 200%;
        enable-background: unset !important;
    }
    .tab_wrapper .nav li:after {
        content: none;
    }
    .desc h3 {
        margin-bottom: 24px;
        padding-right: 0;
    }
    .icons-section {
        padding-bottom: 102px;
    }
    .map_page h2 {
        font-size: 32px;
        line-height: 44px;
        margin-bottom: 62px;
    }
    .con_txt {
        padding: 0;
        max-width: 273px
    }
    .con_txt h3 {
        min-height: auto;
    }
    .con_txt P {
        margin-bottom: 40px;
    }
    .map {
        padding: 80px 0;
    }
    .exp_main_img {
        margin-top: -61px;
    }
    .exp_main_img svg {
        width: 180%;
        margin-left: 46%;
        transform: translate(-50%, 0%);
    }
    .link_strt {
        text-align: left !important;
    }
    .about_image {
        margin-top: 0;
    }
    .about_image svg {
        width: 320%;
        margin-left: 46%;
        transform: translate(-50%, 0%);
    }
    .icons-section {
        padding: 85px 0 85px;
    }
    .talent2 .desc p,
    .talent .desc h3,
    .talent .desc p {
        padding-right: 0;
    }
    header .navbar-nav .nav-link:hover,
    header .navbar-nav .nav-item.active .nav-link {
        color: #37299B;
    }
}