@media only screen and (max-width: 1400px) {
    .top-navbar li.nav-item {
        padding: 0px 15px;
    }

    .about-work-experience h2 {
        font-size: 60px;
        height: 130px;
        width: 130px;
    }

    .about-us-main {
        padding: 70px 0px;
    }

    .part-logo-scroll {
        padding: 80px 0px;
    }
    section.contact_us_form {
        padding-bottom: 60px;
    }
    .part-logo-scroll .cntn-box {
        padding-right: 20px;
    }

    .team_leader {
        padding: 70px 0px;
    }

    .focus-on-quality .focus_inner_rgt {
        width: 45%;
    }

    .focus_inner_left {
        margin-right: 25px;
        width: 50%;
    }

    .cnne_iner_item img {
        max-width: 50px;
    }

    .connect_part {
        padding: 30px 0px 60px;
    }

    .cnne_iner_item h5 {
        font-size: 16px;
        font-weight: 700;
        margin-bottom: 3px;
    }

    .cntc_form_inner {
        padding: 70px 70px;
    }

    .client-testimonial {
        padding: 80px 0px;
        position: relative;
    }
    .project-shocase-outer {
        padding: 70px 0px;
    }
    .we-can-help-outer {
        padding: 70px 0;
    }
    .about-us-main-rgt::after, .about-us-main-rgt::before {
        height: 160px;
        width: 160px;
    }
    .about-us-main-rgt {
    padding: 40px;
    }
}

@media only screen and (max-width: 1199px) {
    .custom-container {
        padding: 0 50px
    }

    .hero-banner-cntn h1 {
        font-size: 50px;
        font-weight: 100;
    }

    .hero-banner-cntn h2 {
        font-size: 40px;
        font-weight: 400;
        margin-top: 0px;
    }

    .hero-banner-cntn p {
        font-size: 20px;
        line-height: 28px;
        margin: 23px 0px;
    }

    .our-services {
        padding: 80px 0px;
    }

    .global-header h2 {
        font-size: 50px;
        font-weight: 200;
    }

    .global-header h2 span {
        font-weight: 600;
    }

    .global-header {
        margin-bottom: 30px;
    }

    .partner-item {
        padding: 30px 30px 20px;
        margin: 8px 0px;
    }

    .partner-thumb-item img {
        max-width: 60px;
    }

    .partner-item .globalBtnOutline {
        margin-top: 18px;
        font-size: 15px;
    }

    .globalBtnOutline {
        padding: 8px 25px;
        font-size: 14px;
        min-height: 43px;
    }

    .about-us {
        padding: 80px 0px;
    }

    .about-cntn {
        width: 100%;
        margin-left: auto;
    }

    .global-header h2 {
        font-size: 40px;
        font-weight: 200;
    }

    .about-cntn h6 {
        font-size: 20px;
        line-height: 30px;
    }

    .about-cntn p {
        margin: 12px 0px;
        font-size: 16px;
        line-height: 26px;
    }

    .about-cntn a {
        margin-top: 15px;
    }

    .about-seperate-logo {
        position: absolute;
        bottom: -50px;
        right: 10px;
        width: 120px;
    }

    .why-choose-us {
        padding: 80px 0px;
    }

    .partner-item h4 {
        font-size: 22px;
        margin: 0px 0px 15px;
    }

    .case-study-main {
        padding: 80px 0px;
    }

    .global-header p {
        width: 75%;
    }

    .case-study-btm h5 {
        font-size: 20px;
        font-weight: 500;
    }

    .case-study-btm {
        margin-top: 15px;
        padding: 0px 10px;
    }

    .case-study-btm img {
        max-height: 44px;
        max-width: 140px;
    }

    .view-more-case-study {
        margin-top: 20px;
    }

    .client-testimonial {
        padding: 80px 0px;
    }

    .client-Item {
        gap: 30px;
    }

    .client-testimonial::before {
        height: 80%;
        width: 150px;
    }

    .client-Item img {
        max-width: 60px;
    }

    .info-head h5 {
        font-size: 18px;
    }

    .client-info p {
        margin: 15px 0px;
        color: #222629;
    }

    p {
        font-size: 15px;
        line-height: 22px;
    }

    .client-info h6 {
        font-size: 16px;
        font-weight: 500;
    }

    .blog-Item h4 {
        font-size: 22px;
    }

    .office-cntn {
        padding: 60px 0;
        width: 80%;
    }

    .contact-us {
        padding: 70px 0px;
    }

    .contact-cntn {
        padding: 50px 30px;
        margin-right: 15px;
    }

    .form-control {
        border-radius: 40px;
        min-height: 50px;
        padding: 14px 23px;
    }

    textarea.form-control {
        min-height: 115px;
        border-radius: 20px;
    }

    .contact-cntn ul {
        margin-top: 25px;
    }

    .contact-cntn ul li,
    .contact-cntn ul li a {
        padding: 6px 0px;
        font-size: 18px;
    }

    .contact-cntn::after {
        bottom: 30px;
        right: 20px;
        width: 80px;
        height: 80px;
    }

    .globalBtnDark i {
        margin-left: 0px;
    }

    img.ftr-logo {
        max-width: 150px;
    }

    .ftr-logo-cntn {
        display: flex;
        gap: 25px;
        margin-top: 40px;
    }

    .footer-left {
        border-right: 0px solid #d9d9d947;
        padding-right: 0px;
    }

    .footer-right h4 {
        margin-bottom: 16PX;
        font-size: 20px;
    }

    .footer-right li,
    .footer-right li a {
        font-size: 15px;
        font-weight: 200;
        line-height: 24px;
        padding: 3px 0;
    }

    p.copyright-text {
        font-size: 16px;
        line-height: 30px;
    }

    .copy-right {
        margin-top: 20px;
    }

    .footer-right {
        gap: 30px;
        margin-top: 35px;
        margin-left: 0px;
    }

    .footer-nav {
        width: 30%;
    }

    .copy-right-btns a.globalBtnOutline i {
        margin-left: 10px;
    }

    .copy-right-btns a.review-cluth-btn {
        padding: 8px 15px;
        gap: 12px;
    }

    footer.footer {
        padding: 50px 0px;
    }

    .our-blog .owl-carousel .owl-nav button {
        height: 30px;
        width: 30px;
    }

    .partner-thumb-item {
        margin-bottom: 14px;
    }

    .contact-us img.cntc-left-round-bar {
        max-width: 150px;
    }

    .contact-cntn ul li span {
        height: 30px;
        width: 30px;
        margin-right: 7px;
    }

    .inner-banner-thumb img {
        max-width: 100%;
    }

    .inner-top-banner h1,
    .inner-top-banner.portfolio h1 {
        font-size: 40px;
        line-height: 50px;
        margin-top: 15px;
    }

    .inner-top-banner h5 {
        font-size: 20px;
        line-height: 36px;
        padding-right: 35px;
    }

    .grey-bg-textCntn p {
        font-size: 22px;
        line-height: 30px;
        font-weight: 200;
    }

    .grey-bg-textCntn {
        padding: 60px 0px;
        background: #EBEBEB;
        font-size: 22px;
        font-weight: 300;
        line-height: 34px;
        text-align: left;
    }

    .grey-bg-textCntn p::first-letter {
        font-size: 40px;
        line-height: 48px;
    }

    .corporate-slution {
        padding: 60px 0px;
    }

    .corporate-slution .cntn-block h3 {
        font-size: 35px;
        font-weight: 600;
        line-height: 40px;
        margin: 16px 0px;
    }

    .corporate-slution .cntn-block ul li {
        font-size: 20px;
        font-weight: 400;
        line-height: 24px;
        padding: 6px 0px;
        gap: 15px;
    }

    .cntn-only {
        padding: 60px 0;
    }

    .app-development .global-header p {
        margin: auto;
        margin-top: 20px;
    }

    .app-dev-cntn .row {
        margin: 35px 0px;
        row-gap: 15px;
    }

    .app-development {
        padding: 60px 0px;
    }

    .cntn-only a {
        margin-top: 40px;
    }

    .go-big-banner {
        padding: 60px 0px;
    }

    .corporate-slution .second-top-left {
        max-width: 60px;
    }

    .corporate-slution .third-top-right {
        bottom: 6%;
        max-width: 150px;
    }

    .corporate-slution .fourth-top-right {
        bottom: 12%;
        max-width: 120px;
    }

    .app-dev-cntn h5 {
        font-size: 25px;
        font-weight: 600;
        line-height: 19px;
    }

    .inner-banner-cntn p {
        font-size: 20px;
        line-height: 30px;
        font-weight: 200;
    }

    .case-study {
        padding: 60px 0;
    }

    .case-study ul li a {
        gap: 5px;
        padding: 4px 6px;
        font-size: 15px;
    }

    .case-study ul {
        gap: 6px;
    }

    .about-stibo.global-format-main .thumbnail-block {
        max-width: 90%;
    }

    .about-stibo.global-format-main {
        padding-bottom: 10px;
    }

    .about-stibo .top-right-img {
        top: 20%;
        z-index: -1;
        max-width: 120px;
    }

    .system-looking-for .global-header {
        margin-bottom: 100px;
    }

    .ozone-items-man {
        padding: 60px 0px;
    }

    .ozone-item h3 {
        font-size: 40px;
        line-height: 50px;
        font-weight: 700;
        margin-top: 15px;
    }

    .about-portfolio .left-shape {
        max-height: 135px;
    }

    .client-testimonial::after {
        height: 120px;
        width: 170px;
        bottom: 20px;
    }

    .system-looking-for .left-top-shape {
        height: 120px;
    }

    .what-they-think .info-head .left h5 {
        font-size: 22px;
    }

    .about-portfolio .first {
        height: 532px;
        overflow: hidden;
        border-radius: 10px;
    }

    .about-portfolio .second,
    .about-portfolio .third {
        height: 250px;
        overflow: hidden;
        border-radius: 10px;
    }

    .about-portfolio img {
        width: 100%;
        object-fit: cover;
    }

    .portfolio-img-right img {
        max-width: 120px;
    }

    .portfolio-img-left img {
        max-width: 100px;
    }

    .portfolio-img-right-mid img {
        max-width: 60px;
    }

    .choosing-right-agency img.top-left {
        max-width: 70px;
    }

    .choosing-right-agency .top-right-line {
        top: 18%;
        right: 0;
        max-width: 140px;
    }

    .choosing-right-agency .top-left-mid {
        max-width: 70px;
    }

    .portfolio-shocase {
        padding: 60px 0px;
    }

    .portfolio-category ul a {
        padding: 3px 24px;
        height: 40px;
    }

    .portfolio-search input {
        height: 40px;
        padding: 9px 35px 10px 18px;
        width: 250px;
    }

    .all-portfolio-box .cntn-box {
        margin-top: 10px;
        padding: 5px 0px;
    }

    .choosing-right-agency h2 {
        font-size: 40px;
        line-height: 50px;
        font-weight: 700;
    }

    .choosing-agency-devider .right p {
        font-size: 18px;
        line-height: 28px;
    }

    .branding-item h3 {
        font-size: 30px;
        font-weight: 500;
        line-height: 40px;
        margin-bottom: 10px;
    }

    .branding-item h4 {
        font-size: 25px;
        line-height: 30px;
        font-weight: 500;
        margin: 10px 0;
    }

    .branding-item ul li {
        font-size: 20px;
        line-height: 24px;
        margin: 10px 0px;
        padding-left: 22px;
        font-weight: 400;
    }

    .branding-item {
        margin: 35px 0px;
    }

    .branding-item ul.list-inline.search-focus {
        column-gap: 30px;
        width: 100%;
        margin-top: 0px;
    }

    .branding-item ul.list-inline.search-focus li {
        width: 46%;
        margin: 6px 0px;
    }

    .choosing-right-agency {
        padding: 60px 0px;
    }

    .branding-item ul {
        margin: 12px 0px;
    }

    .choosing-agency-devider {
        margin: 25px 0px;
        display: flex;
        gap: 25px;
        justify-content: space-between;
        align-items: center;
    }

    .contact-us img.cntc-left-line-bar {
        max-width: 170px;
    }

    .all-portfolio-box .cntn-box a {
        font-size: 11px !important;
        padding: 3px 8px;
    }

    .portfolio-btn a {
        font-size: 16px;
        line-height: 23px;
        font-weight: 300;
    }

    .portfolio-btn a i {
        margin-left: 5px;
    }

    .portfolio-category {
        margin: 0px 0px 14px 0px;
        gap: 20px;
    }

    .all-portfolio-box {
        grid-template-columns: repeat(3, 1fr);
        grid-column-gap: 15px;
        grid-row-gap: 20px;
    }

    .choosing-right-agency h2 {
        font-size: 35px;
        line-height: 40px;
        font-weight: 600;
    }

    .portfolio-btn {
        margin-top: 60px;
    }

    .brochure-box {
        padding: 20px;
        width: 100%;
        gap: 16px;
        min-height: auto;
    }

    .corporate-slution .row {
        align-items: center;
        margin: 35px 0px;
    }

    .blog-inner-page {
        padding: 70px 0px;
    }

    .stories_down {
        padding: 16px;
    }

    .stories_update_inner {
        margin: 15px 0px;
    }

    .blog-details-page {
        padding: 70px 0px;
    }
    .cntc_form_inner {
        padding: 50px 50px;
    }
    .top-navbar li.nav-item {
        padding: 0px 3px;
    }
    .ftr-logo img, .top-logo-part img {
        max-width: 120px;
        height: auto;
    }
    .project-shocase-outer {
        padding: 65px 0px;
    }
    .we-can-help-outer {
        padding: 60px 0;
    }
    .our-blog {
        padding: 70px 0px;
    }

}

@media only screen and (max-width: 991px) {
    .navbar-collapse ul.navbar-nav {
        width: 100%;
        margin: 40px 0px !important;
        height: calc(100% - 200px);
        overflow-y: auto;
        overflow-x: hidden;
    }
    header.sticky a.nav-link {
        color: #000000;
    }
    .top-navbar {
        padding: 4px 0px;
    }
    .about-work-experience h2 {
        font-size: 49px;
        height: 130px;
        width: 100px;
    }
    .navbar-collapse ul.navbar-nav::-webkit-scrollbar {
        width: 4px;
    }

    .top-navbar li.nav-item {
        padding: 0px 10px;
        border-right: 0px solid var(--dark-green-800);
    }

    .top-navbar ul.navbar-nav li.nav-item:first-child {
        border-left: 0px solid var(--dark-green-800);
    }

    .top-navbar ul.navbar-nav li.nav-item {
        padding: 11px 0px;
    }

    .only_mobile_view {
        display: flex;
        width: 100%;
        justify-content: space-between;
    }

    .dropdown-menu.show {
        border: none;
        box-shadow: none !important;
        display: block !important;
    }

    a.navbar-brand.top-logo-part img,
    .mobile_logo img {
        max-height: 45px;
    }

    .dropdown-menu.show li a {
        color: #6F6E6E;
    }

    .only_mobile_view .hamburger-toggle {
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .dropdown-toggle::after {
        position: absolute;
        left: auto;
        right: 0px;
    }

    li.nav-item.dropdown:hover .dropdown-menu {
        display: none;
    }
    section.contact_us_form {
        padding-bottom: 50px;
    }
    li.nav-item.dropdown:hover .dropdown-toggle::after {
        transform: rotate(0deg);
    }

    .dropdown-toggle.show::after {
        transform: rotate(180deg) !important;
    }

    li.nav-item.dropdown:hover .dropdown-menu {
        box-shadow: none !important;
    }

    li.nav-item.dropdown .dropdown-menu li:not(:last-child) {
        border-bottom: 0px solid #e6e6e6;
    }

    .navbar-collapse.collapse.show {
        top: 0;
        position: fixed;
        left: 0%;
    }

    .navbar-collapse {
        flex-basis: 100%;
        flex-grow: 1;
        align-items: center;
        width: calc(100% - 0px);
        height: 100%;
        max-width: 100%;
        position: fixed;
        z-index: 999;
        top: 0;
        left: -100%;
        background-color: #fff;
        overflow: hidden;
        padding: 15px;
        -webkit-transition: left .4s cubic-bezier(.6, .1, .68, .53);
        transition: left .4s cubic-bezier(.6, .1, .68, .53);
        display: flex;
        flex-wrap: wrap;
        align-items: flex-start;
        align-content: flex-start;
        bottom: 0px;
    }

    .custom-container {
        padding: 0 32px
    }

    .hero-banner-cntn h1 {
        font-size: 40px;
    }

    .hero-banner-cntn h2 {
        font-size: 35px;
        margin-top: 0px;
    }

    .hero-banner-cntn {
        padding: 40px 0px;
        flex: 1;
    }

    .global-header h2 {
        font-size: 35px;
        font-weight: 200;
    }

    .our-services {
        padding: 60px 0px;
    }

    .about-us {
        padding: 60px 0px;
    }

    .case-study-main {
        padding: 60px 0px;
    }

    .case-study-btm h5 {
        font-size: 18px;
        font-weight: 500;
    }

    .global-header h2 {
        font-size: 35px;
        font-weight: 200;
    }

    .client-testimonial {
        padding: 60px 0px;
    }

    .contact-form h2 {
        font-size: 30px;
        line-height: 24px;
        margin-bottom: 25px;
        font-weight: 500;
    }

    .ftr-logo-cntn img {
        max-height: 150px;
    }

    .partner-thumb-item img {
        max-width: 50px;
    }

    .srvc-green-shape {
        top: 40%;
        max-width: 120px;
    }

    .fixedButon {
        width: 70px;
        height: 70px;
        bottom: 30px;
        right: 40px;
    }

    .hero-banner-main {
        gap: 30px;
        min-height: 546px;
        padding-top: 70px;
    }

    .global-header {
        margin-bottom: 20px;
    }

    .partner-item {
        padding: 20px 20px 15px;
        margin: 8px 0px;
    }

    .about-cntn h6 {
        font-size: 16px;
        line-height: 24px;
    }

    .about-cntn .global-header h2::after {
        bottom: -8px;
        height: 5px;
        width: 78px;
    }

    .about-cntn p {
        margin: 12px 0px;
        font-size: 15px;
        line-height: 24px;
    }

    p {
        font-size: 15px;
    }

    .navbar-toggler:focus {
        box-shadow: none;
    }

    .why-choose-us .partner-item {
        padding: 20px 40px 20px 20px;
    }

    .why-choose-us .partner-thumb-item img.tp-icon {
        max-width: 36px;
    }

    .why-choose-us .partner-thumb-item {
        right: 16px;
        height: 78%;
        bottom: 0;
        top: 20px;
    }

    .client-testimonial::after {
        height: 120px;
        width: 160px;
        left: 2%;
        bottom: 20px;
    }


    .contact-cntn {
        padding: 30px 15px;
        margin-right: 8px;
    }

    .contact-cntn ul li,
    .contact-cntn ul li a {
        padding: 3px 0px;
        font-size: 15px;
    }

    .contact-cntn::after {
        bottom: 30px;
        right: 8px;
        width: 64px;
        height: 60px;
    }

    .copy-right {
        margin-top: 20px;
        flex-direction: column;
        row-gap: 15px;
    }

    .partner-item h4 {
        font-size: 21px;
        margin: 0px 0px 10px;
    }

    .office-location-main img.w-100 {
        min-height: 550px;
    }

    textarea.form-control {
        min-height: 100px;
        border-radius: 20px;
    }

    .form-control {
        min-height: 45px;
        padding: 6px 20px;
    }

    .why-choose-us {
        padding: 60px 0px;
    }

    .global-header {
        margin-bottom: 15px;
    }

    .why-choose-us .col-xl-8.col-md-6.col-sm-12 .partner-item {
        width: 100%;
    }

    .why-choose-us .partner-item {
        padding: 20px 55px 20px 20px;
    }

    .client-testimonial .global-header {
        display: flex;
        gap: 20px;
        margin-bottom: 60px;
        flex-direction: column;
        align-items: flex-start;
    }

    .client-testimonial::before {
        height: 80%;
        width: 150px;
    }

    .global-header h2 {
        font-size: 30px;
        font-weight: 200;
    }

    .contact-us img.cntc-left-line-bar {
        max-width: 160px;
    }

    .inner-top-banner h1,
    .inner-top-banner.portfolio h1 {
        font-size: 45px;
        line-height: 50px;
        margin-top: 14px;
    }

    .inner-top-banner a.globalBtnDark {
        margin-top: 10px;
    }

    .grey-bg-textCntn {
        padding: 50px 0px;
        font-size: 20px;
        line-height: 30px;
    }

    .inner-top-banner-iner {
        gap: 15px;
        margin: 30px 0px;
        max-height: 400px;
        min-height: 260px;
    }

    .grey-bg-textCntn p {
        font-size: 20px;
        line-height: 28px;
        font-weight: 200;
    }

    .corporate-slution {
        padding: 50px 0px;
    }

    .corporate-slution .cntn-block h3 {
        font-size: 30px;
        font-weight: 600;
        line-height: 35px;
        margin: 15px 0px;
    }

    .corporate-slution .row {
        align-items: center;
        margin: 40px 0px;
    }

    .coporate-slo-items .cntn-block img {
        max-width: 70px;
    }

    .corporate-slution .cntn-block ul li {
        font-size: 18px;
        font-weight: 400;
        line-height: 22px;
        padding: 5px 0px;
        gap: 15px;
    }

    .global-header p {
        width: 80%;
    }

    .cntn-only .global-header h2 {
        margin-bottom: 25px;
    }

    .cntn-only h6 {
        margin-top: 20px;
    }

    .cntn-only a {
        margin-top: 30px;
    }

    .cntn-only {
        padding: 50px 0;
    }

    .ozone-item h3 {
        font-size: 35px;
        line-height: 40px;
        margin-top: 15px;
    }

    .globalBtnDark {
        padding: 10px 20px 10px 31px;
        font-size: 15px;
        min-height: 45px;
    }

    .case-study ul {
        flex-wrap: wrap;
    }

    .inner-banner-cntn p {
        font-size: 16px;
        line-height: 24px;
        font-weight: 200;
    }

    .inner-top-banner.case-studies-top .inner-banner-thumb img {
        max-height: 260px;
    }

    .case-study {
        padding: 40px 0;
    }

    .global-format-main {
        padding: 40px 0px;
    }

    .about-portfolio {
        padding: 40px 0px;
    }

    .system-looking-for .global-header {
        margin-bottom: 80px;
    }

    .owl-nav {
        top: 54%;
    }

    .contact-us {
        padding: 50px 0px;
    }

    .choosing-agency-devider .right p {
        font-size: 16px;
        line-height: 25px;
    }

    .branding-item h3 {
        font-size: 25px;
        font-weight: 500;
        line-height: 30px;
        margin-bottom: 10px;
    }

    .branding-item ul li {
        font-size: 16px;
        line-height: 24px;
        margin: 5px 0px;
        padding-left: 22px;
        font-weight: 400;
    }

    .branding-item h4 {
        font-size: 20px;
        line-height: 26px;
        font-weight: 500;
        margin: 10px 0;
    }

    .branding-item ul.list-inline.search-focus {
        column-gap: 15px;
        width: 100%;
        margin-top: 0px;
    }

    .branding-item ul.list-inline.can-check li {
        width: 45%;
        margin: 6px 0px;
    }

    .choosing-right-agency {
        padding: 40px 0px;
    }

    .portfolio-shocase {
        padding: 40px 0px;
    }

    .portfolio-category ul a {
        padding: 3px 16px;
        height: 33px;
        font-size: 15px;
    }

    .portfolio-search input {
        height: 40px;
        padding: 9px 35px 10px 18px;
        width: 180px;
    }

    .all-portfolio-box {
        grid-template-columns: repeat(2, 1fr);
        grid-column-gap: 15px;
        grid-row-gap: 20px;
    }

    .all-portfolio-box .portfolio-box:nth-child(3n + 2),
    .all-portfolio-box .portfolio-box:nth-child(3n + 1) {
        position: relative;
        top: 0px;
    }

    .portfolio-box:hover .cntn-box {
        background: #f9f9f9;
        padding: 5px 7px;
        border-radius: 60px;
    }

    .portfolio-btn a {
        font-size: 15px;
        line-height: 23px;
        font-weight: 300;
    }

    .portfolio-btn {
        margin-top: 40px;
    }

    .choosing-right-agency h2 {
        font-size: 30px;
        line-height: 35px;
        font-weight: 600;
    }

    .choosing-agency-devider .right p {
        font-size: 15px;
        line-height: 23px;
    }

    .choosing-agency-devider {
        margin: 18px 0px;
        gap: 20px;
    }

    .branding-item ul.list-inline.search-focus li {
        width: 48%;
        margin: 4px 0px;
    }

    .portfolio-img-right img {
        max-width: 90px;
    }

    .portfolio-img-left img {
        max-width: 70px;
    }

    .portfolio-img-right-mid img {
        max-width: 45px;
    }

    .about-us-main .about-us-main-left {
        padding-left: 0px;
        margin-top: 40px;
    }

    .focus_main_inner {
        flex-wrap: wrap;
    }

    .focus_inner_left {
        margin-right: 0px;
        width: 100%;
    }

    .focus-on-quality .focus_inner_rgt {
        width: 100%;
        margin-top: 40px;
    }

    .focus-on-quality {
        padding: 60px 0px;
    }

    .team_lead_inner {
        margin: 10px 0px;
    }

    .team_leader {
        padding: 60px 0px;
    }

    .focus-on-quality .row {
        width: 100%;
    }

    .part-logo-scroll {
        padding: 60px 0px;
    }

    .part-logo-scroll .cntn-box {
        padding-right: 0px;
    }

    .scroller-partner-logo {
        margin-top: 10px;
    }

    .team_lead_cntn {
        padding: 10px;
    }

    .inner-banner-thumb {
        display: none;
    }

    .inner-banner-cntn {
        width: 100%;
    }

    .inner-top-banner h5 {
        padding-right: 0;
    }

    .blog-inner-page {
        padding: 60px 0px;
    }

    .blog-details-page {
        padding: 60px 0px;
    }

    .cnnect_inner {
        gap: 18px;
    }

    .cnnect_inner {
        width: 100%;
        gap: 12px;
        flex-wrap: wrap;
    }
    .cnne_iner_item {
        gap: 20px;
        width: 48%;
    }
    .connect_part {
        padding: 30px 0px 30px;
    }
    .cntc_form_inner {
        padding: 40px 40px;
    }
    .project-shocase-outer {
        padding: 60px 0px;
    }
    .we-can-help-outer {
        padding: 50px 0;
    }
    .about-us-main {
        padding: 60px 0px;
    }
    .our-blog {
        padding: 60px 0px;
    }
    .about-us-main-rgt::after, .about-us-main-rgt::before {
        height: 100px;
        width: 100px;
    }
    .about-us-main-rgt {
        padding: 20px;
    }
}

@media only screen and (max-width: 767px) {
    .custom-container {
        padding: 0 16px
    }   
    .we-can-help-outer {
        padding: 32px 0;
    }
    .need-brief-outer .thumb-box {
        margin-bottom: 30px;
    }
    .hero-banner-cntn h1 {
        font-size: 35px;
    }
    .about-us-main .about-us-main-left {
        padding-left: 0px;
        margin-top: 25px;
    }
    .hero-banner-cntn h2 {
        font-size: 30px;
    }

    .hero-banner-cntn p {
        font-size: 16px;
        line-height: 20px;
        margin: 12px 0px;
    }

    .hero-banner-main {
        gap: 30px;
        min-height: 497px;
        padding-top: 62px;
        flex-direction: column;
        padding-bottom: 60px;
    }

    .hero-banner-thumb {
        width: 100%;
    }

    .globalBtnDark {
        padding: 7px 20px 7px 20px;
        font-size: 15px;
        gap: 20px;
        min-height: 48px;
    }

    .srvc-green-shape {
        top: 40%;
        max-width: 90px;
    }

    .about-thumb {
        text-align: center;
        margin-bottom: 40px;
    }

    .about-thumb img {
        width: 100%;
    }

    .about-seperate-logo {
        position: absolute;
        bottom: 30px;
        right: 0px;
        width: 100px;
    }

    .contact-form {
        margin-left: 0px;
        margin-top: 35px;
    }

    .footer-right {
        gap: 20px;
        margin-top: 35px;
        flex-direction: column;
    }

    .ftr-right-nav {
        gap: 20px;
        flex-direction: column;
    }

    .copy-right {
        margin-top: 19px;
    }

    .detailed-booklets-left-btm {
        width: 50px;
        bottom: 10%;
    }
    .we-can-help-item .fa, .we-can-help-item .fa-classic, .we-can-help-item .fa-solid {
        margin-top: auto;
    }
    .focus_inner_left .global-header p {
        margin-top: 12px;
    }
    .focus_inner_left h2 {
        margin-top: 5px;
    }
    .focus-on-quality {
        padding: 50px 0px;
    }
    .ftr-logo-cntn {
        margin-top: 25px;
    }
    .inner-top-banner h1,
    .inner-top-banner.portfolio h1 {
        font-size: 35px;
        line-height: 45px;
        margin-top: 12px;
    }

    .grey-bg-textCntn p {
        font-size: 18px;
        line-height: 26px;
        font-weight: 200;
    }

    .corporate-slution .image-block {
        width: 100%;
    }

    .coporate-slo-items .cntn-block {
        text-align: center;
        margin: 30px 0px 0px;
    }

    .corporate-slution .cntn-block h3 {
        font-size: 25px;
        line-height: 30px;
        margin: 15px 0px;
        text-align: center;
    }

    .corporate-slution .cntn-block ul li {
        font-size: 16px;
        font-weight: 400;
        line-height: 22px;
        padding: 5px 0px;
        gap: 15px;
        justify-content: center;
        text-align: center;
    }

    .corporate-slution .third-top-right {
        bottom: 6%;
        max-width: 130px;
    }

    .go-big-banner .cntn-block {
        text-align: center;
        margin-top: 20px;
    }

    .cntn-block .global-header p {
        text-align: center;
        width: 100%;
    }

    .global-format-main h2 {
        text-align: center;
    }

    .grey-bg-textCntn {
        padding: 40px 0px;
    }

    .grey-bg-textCntn p {
        font-size: 16px;
        line-height: 23px;
        font-weight: 200;
    }

    .ozone-item h3 {
        font-size: 30px;
        line-height: 36px;
        margin-top: 15px;
    }

    .owl-dots {
        margin-top: 35px;
        text-align: center;
    }

    .about-portfolio .first,
    .about-portfolio .second,
    .about-portfolio .third {
        height: auto;
        margin: 10px 0px;
    }

    .what-they-think .info-head .left h5 {
        font-size: 20px;
    }

    .client-testimonial .global-header {
        margin-bottom: 40px;
    }

    .ozone-items-man {
        padding: 40px 0px;
    }

    .ozone-items-man {
        padding: 40px 0px;
    }

    .ftr-logo-cntn p {
        font-size: 15px;
        line-height: 24px;
        padding-top: 25px;
    }

    .about-stibo.global-format-main .thumbnail-block {
        max-width: 100%;
        margin-bottom: 20px;
    }

    .case-studies-top .inner-banner-cntn {
        width: 100%;
    }

    .client-testimonial {
        padding: 40px 0px;
    }

    .client-testimonial::before {
        height: 74%;
        width: 118px;
    }

    .system-looking-for .global-header {
        margin-bottom: 30px;
    }

    .ozone-item h3 {
        font-size: 25px;
        line-height: 30px;
        margin-top: 15px;
    }

    .navbar-toggler-icon {
        width: 30px;
    }

    .inner-top-banner {
        padding: 80px 0px 50px;
    }

    .globalBtnDark {
        padding: 7px 20px 7px 20px;
        font-size: 15px;
        gap: 16px;
        min-height: 39px;
    }

    .about-portfolio {
        padding: 10px 0px;
    }

    .contact-us {
        padding: 40px 0px;
    }

    .choosing-right-agency h2 {
        font-size: 25px;
        line-height: 30px;
        font-weight: 600;
    }

    .branding-item ul li {
        font-size: 15px;
        line-height: 20px;
        margin: 5px 0px;
        padding-left: 22px;
        font-weight: 400;
    }

    .branding-item h3 {
        font-size: 20px;
        font-weight: 500;
        line-height: 25px;
        margin-bottom: 6px;
    }

    .choosing-right-agency .top-right-line {
        max-width: 95px;
    }

    .portfolio-category ul a {
        padding: 2px 9px;
        height: 29px;
        font-size: 13px;
    }

    .portfolio-search input {
        height: 29px;
        padding: 5px 30px 5px 12px;
        width: 180px;
    }

    .all-portfolio-box {
        grid-template-columns: repeat(2, 1fr);
        grid-column-gap: 15px;
        grid-row-gap: 20px;
    }

    .highlight-head {
        font-size: 24px;
    }

    .our-solutions p {
        font-size: 25px;
        line-height: 40px;
    }

    .cntn-only .global-header h2 {
        margin-bottom: 26px;
    }

    .corporate-slution.dark-bg .image-block {
        margin-top: 30px;
    }

    .compleing-pages.global-format-main .cntn-block {
        margin-top: 30px;
    }

    .our-solutions.global-format-main.dark-bg .thumbnail-block {
        margin-bottom: 40px;
    }

    .our-solutions p {
        font-size: 20px;
        line-height: 33px;
    }

    .stationry-design-main.corporate-slution .global-header {
        margin-top: 15px;
    }

    .brochure-box h6 {
        font-size: 16px;
        line-height: 26px;
        text-align: left;
    }

    .coporate-slo-items .cntn-block img {
        max-width: 32px;
    }

    .case-study-btm h5 {
        font-size: 15px;
    }

    .case-study-btm img {
        max-height: 30px;
        max-width: 118px;
    }

    .project-shocase-box .gallery {
        grid-template-columns: 1fr;
    }

    .project-shocase-box .gallery-left {
        grid-row: auto
    }

    .project-shocase-box .gallery-right {
        grid-template-columns: 1fr 1fr;
    }

    .blog-inner-page {
        padding: 50px 0px;
    }

    .footer-nav {
        width: 100%;
    }

    .blog-details-page {
        padding: 50px 0px;
    }

    .blog-details-thumbs img {
        width: 48%;
    }
    .project-shocase-outer {
        padding: 60px 0px;
    }
    .our-blog {
        padding: 50px 0px;
    }
    .pricing-tab .nav-tabs .nav-link {
        padding: 6px;
        font-size: 14px;
    }
    .pricing-tab .nav-tabs .nav-link.active::after {
        bottom: -12px;
        width: 16px;
        height: 11px;
    }
    .pricing-tab .tab-content {
        padding-top: 30px;
    }
    .pricing-card .price h3 {
        font-size: 28px;
    }
}

@media only screen and (max-width:640px) {
    .case-study-main .owl-carousel .owl-nav button.owl-next{
        right: 0px;
        display: none;
    }
    .our-blog .owl-carousel .owl-nav button.owl-next {
        right: -10px;
    }

    .case-study-main .owl-carousel .owl-nav button.owl-prev{
        left: 0px;
        display: none;
    }
    .our-blog .owl-carousel .owl-nav button.owl-prev {
        left: -10px;
    }

    .our-solutions p {
        font-size: 15px;
        line-height: 24px;
    }

    .cntn-only a {
        margin-top: 18px;
    }

    .owl-nav {
        z-index: 9;
    }

    .ftr-logo-cntn {
        gap: 15px;
        margin-top: 40px;
    }

    .highlight-head {
        font-size: 17px;
    }

    .hero-banner-cntn h1 {
        font-size: 30px;
    }

    .hero-banner-cntn h2 {
        font-size: 25px;
    }

    .global-header h2 {
        font-size: 25px;
    }

    .global-header {
        margin-bottom: 10px;
    }

    .our-services {
        padding: 40px 0px;
    }

    .partner-item h4 {
        font-size: 18px;
        margin: 0px 0px 10px;
    }

    .about-seperate-logo {
        bottom: 0px;
        right: 0px;
        width: 89px;
    }

    .why-choose-us,
    .case-study-main {
        padding: 40px 0px;
    }

    .office-cntn {
        padding: 60px 0;
    }

    .client-testimonial::before {
        height: 70%;
        width: 141px;
    }

    .office-cntn {
        padding: 60px 0;
        width: 99%;
    }

    .location-devider {
        bottom: 16%;
        width: 90%;
        gap: 10px;
        flex-direction: column;
    }

    .office-location-main img.w-100 {
        min-height: 670px;
        object-fit: cover;
    }

    .location-devider .location-usa img {
        top: -30px;
        position: relative;
        left: 0;
    }

    .location-devider .location-india span {
        bottom: -60px;
        left: 0;
    }

    .inner-top-banner-iner {
        gap: 15px;
        margin: 0px 0px;
        max-height: auto;
        min-height: 350px;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }

    .inner-banner-cntn {
        width: 100%;
        text-align: center;
    }

    .inner-top-banner-iner .inner-banner-thumb {
        display: none;
    }

    .inner-top-banner h1,
    .inner-top-banner.portfolio h1 {
        font-size: 30px;
        line-height: 40px;
        margin-top: 12px;
    }

    .our-blog .owl-carousel .owl-nav button {
        height: 22px;
        width: 22px;
    }

    .all-portfolio-box {
        grid-template-columns: repeat(1, 1fr);
    }

    .choosing-agency-devider {
        margin: 18px 0px;
        gap: 20px;
        flex-direction: column;
    }

    .choosing-agency-devider .left {
        width: 100%;
    }

    .brochure-box {
        padding: 13px;
        width: 100%;
        gap: 12px;
        min-height: auto;
    }

    .brochure-box h6 {
        font-size: 15px;
        line-height: 22px;
        text-align: left;
    }
    .cntc_form_inner {
        padding: 40px 25px;
    }

    .cntc_form_inner input.form-control {
        height: 40px;
    }
    .cntc_form_inner .form-control {
        border-radius: 3px;
        margin: 6px 0px;
    }
    .we-can-help-outer {
        padding: 30px 0;
    }
}


@media only screen and (max-width: 575px) {
    .ftr-logo-cntn {
        gap: 15px;
        margin-top: 40px;
        flex-direction: column;
    }
    .we-can-help-item {
        padding: 27px 16px;
        height: auto;
    }
    .copy-right-btns {
        flex-direction: column;
    }

    .hero-banner-main {
        gap: 30px;
        min-height: 497px;
        padding-top: 62px;
        flex-direction: column;
    }

    .hero-banner-thumb {
        width: 95%;
    }

    .hero-banner-cntn {
        padding: 60px 0px 0;
        text-align: center;
    }
    .navbar-toggler-icon {
        width: 25px;
    }

    .blog-inner-page {
        padding: 40px 0px;
    }
    .cnne_iner_item {
        gap: 20px;
        width: 100%;
    }
    .inner-top-banner h1,
    .inner-top-banner.portfolio h1 {
        font-size: 25px !important;
        line-height: 31px !important;
    }

    .all-portfolio-box .portfolio-box:nth-child(3n + 2),
    .all-portfolio-box .portfolio-box:nth-child(3n + 1) {
        position: relative;
        top: 0px;
        width: 100%;
    }

    .portfolio-category {
        margin: 0px 0px 30px 0px;
        gap: 20px;
        flex-direction: column;
    }

    .portfolio-search input {
        height: 39px;
        padding: 5px 30px 6px 16px;
        width: 275px;
    }

    .blog-details-thumbs img {
        width: 100%;
    }
    .blog-social-list li {
     margin: 0px 4px;
    }
    a.navbar-brand.top-logo-part img, .mobile_logo img {
        max-height: 35px;
    }
    .cntc_form_inner {
        padding: 30px 15px;
        border-radius: 11px;
    }
    .project-shocase-outer {
        padding: 50px 0px;
    }
    .pricing-tab .nav-tabs .nav-link span {
        display: block;
        font-size: 11px;
        margin-top: 0px;
    }
    .pricing-tab .nav-tabs .nav-link {
        font-size: 11px;
        margin-top: 2px;
    }
    .bmp-video-class {
        max-height: 320px;
    }
}