@media only screen and (min-width: 320px) and (max-width: 320px) {
    .header_social {
        flex-wrap: wrap
    }

    .social_icon i:first-child {
        border-left: none
    }

    .social_icon i {
        border-right: none
    }

    .inner {
        min-width: 100%
    }

    .card_item {
        max-width: 100%
    }

    .carousel-item img {
        height: 450px;
        object-fit: cover
    }

    .slider_text {
        width: 100%
    }

    .slider_text h1 {
        font-size: 35px
    }

    .slider_text p {
        font-size: 14px
    }

    .service_img_shape {
        flex-wrap: wrap
    }

    .inner {
        max-width: 280px !important;
        min-width: 280px !important
    }

    .card_item_1 {
        max-width: 270px !important
    }

    .porcess_number {
        width: 70px !important
    }

    .process_title h2 {
        font-size: 28px !important
    }

    .owl-carousel .owl-item.center .card_items {
        transform: scale(.8) skew(0deg, 0deg) !important
    }

    .slider_btns {
        flex-wrap: wrap;
        gap: 10px
    }

    .card-info .team_name {
        left: 12.5%
    }
}

@media only screen and (min-width: 330px) and (max-width: 400px) {
    .header_social {
        flex-wrap: wrap
    }

    .social_icon i:first-child {
        border-left: none
    }

    .social_icon i {
        border-right: none
    }

    .slider_btns {
        flex-wrap: wrap;
        gap: 10px
    }

    .service_img_shape {
        flex-wrap: wrap
    }

    .owl-carousel .owl-item.center .card_items {
        transform: scale(.9) skew(0deg, 0deg)
    }
}

@media only screen and (min-width: 480px) and (max-width: 480px) {
    .team-card {
        border-radius: 50% 50% 0 0
    }

    .card-info .team_name {
        left: 29%
    }
}

@media only screen and (max-width: 575px) {
    .head_logo img {
        width: 170px
    }

    .navbar {
        border-top: 1px solid #dedede;
        clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%)
    }

    .carousel-item img {
        height: 450px;
        object-fit: cover
    }

    .slider_text {
        width: 100%
    }

    .slider_text h1 {
        font-size: 35px
    }

    .slider_text p {
        font-size: 14px
    }

    .about_us {
        margin: 60px 0
    }

    .about_content {
        margin-left: 0;
        margin-top: 10%
    }

    .about_image_3 {
        display: none
    }

    .about_image_4 {
        display: none
    }

    .year_experience {
        display: none !important
    }

    .year_experience h2 {
        font-size: 95px
    }

    .experience-text {
        top: 10px
    }

    .process_bar::before {
        height: 80%
    }

    .process_title .head_txt::after, .process_title h2 strong::before {
        display: none
    }

    .process_title h2 {
        font-size: 32px
    }

    .porcess_number {
        width: 62px
    }

    .owl-carousel .owl-nav .owl-next span {
        right: 1%
    }

    .owl-carousel .owl-item.center .card_items {
        transform: scale(1) skew(0deg, 0deg)
    }

    .owl-carousel .owl-dots.disabled, .owl-carousel .owl-nav.disabled {
        display: none !important
    }

    .news_data {
        flex-wrap: wrap
    }

    .news_btn {
        position: static;
        margin-top: 10px
    }

    .img_about {
        height: 33% !important
    }

    .job-opportunity-content .btn-custom {
        width: 100%
    }

    .info-item {
        border-right: 0;
        margin-bottom: 20px
    }

    .contact-box {
        padding: 20px
    }

    .abotu_dots, .experience-box, .img_about {
        display: none
    }

    .founder_content h2 {
        font-size: 34px
    }

    .pages_banner h1 {
        font-size: 36px;
        line-height: 40px
    }

    .color-box-small {
        width: 59px;
        height: 100px;
    }

    /*.header-scroller-wrapper{*/
    /*    right: 0 !important;*/
    /*}*/
    .data_analysis, .technology, .our_client {
        padding: 0 !important;
    }

    .carousel-caption {
        right: 1% !important;
        left: 5% !important;
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .navbar {
        border-top: 1px solid #dedede;
        clip-path: polygon(0 0, 100% 0, 100% 1300%, 0 100%)
    }

    .carousel-item img {
        height: 450px;
        object-fit: cover
    }

    .slider_text {
        width: 100%
    }

    .slider_text h1 {
        font-size: 50px
    }

    .slider_text p {
        font-size: 14px
    }

    .about_us {
        margin: 60px 0
    }

    .about_content {
        margin-left: 0;
        margin-top: 7%
    }

    .about_image_3 {
        display: none
    }

    .about_image_4 {
        display: none
    }

    .process_bar::before {
        height: 80%
    }

    .abotu_dots, .experience-box, .img_about {
        display: none
    }

    .owl-carousel .owl-dots.disabled, .owl-carousel .owl-nav.disabled {
        display: none !important
    }

    .news_btn {
        right: 27%;
        top: 5%
    }

    .menu_item .sub_class {
        left: 14%;
        top: 30%
    }

    .info-item {
        border-right: 0;
        margin-bottom: 20px
    }
}

@media only screen and (min-width: 320px) and (max-width: 991px) {
    .navbar {
        height: 100%;
        border-top: 1px solid #dedede;
        clip-path: none !important;
        flex-wrap: wrap
    }

    .navbar-expand-lg .navbar-collapse {
        margin-left: 0
    }

    .header_main {
        width: 100%
    }

    .shape {
        display: none
    }

    .data_analysis_img {
        display: flex;
        justify-content: center
    }

    .tabs {
        flex-wrap: wrap;
        background-color: transparent;
        border: none;
        gap: 10px
    }

    .tab {
        border: 1px solid #2d4a8a
    }

    .arrow-line, .tab.active::after, .tech-grid::after, .tech-grid::before {
        display: none
    }

    .tech-grid {
        border-top: none;
        padding-top: 0;
        gap: 30px
    }

    .portfolio_item {
        max-width: 100%;
        padding: 20px 20px 30px 20px;
        flex-wrap: wrap
    }

    .portfolio_item img {
        margin: 30px 0 0 0
    }

    .portfolio_1 {
        padding-top: 0
    }

    .portfolio_item_1 {
        margin-bottom: 25px
    }

    .portfolio_item p {
        padding-right: 0
    }

    .our_client {
        padding-bottom: 50px
    }

    #meter--ranger, .about_deal h2, .progress_bar p {
        width: 100%
    }

    .footer_about {
        padding: 70px 0 10px 10px
    }

    .footer_content {
        padding: 50px 0 10px 10px
    }

    .footer_back {
        display: contents
    }

    .footer_copy span {
        display: flex;
        justify-content: center
    }

    .footer_back:before {
        display: none
    }

    .menu_item .sub_class {
        left: 14%;
        top: 30%
    }

    .sidebar div.widget-area {
        position: relative;
        margin-top: 0
    }

    .meter--ranger {
        width: 100% !important
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .navbar {
        border-top: 1px solid #dedede
    }

    .carousel-item img {
        height: 400px;
        object-fit: cover
    }

    .slider_text {
        width: 100%
    }

    .slider_text h1 {
        font-size: 54px
    }

    .about_content {
        margin-left: 0;
        margin-top: 0
    }

    .about_image_3 {
        top: -10%;
        left: 76.5%
    }

    .about_image_4 {
        display: none
    }

    .services_item {
        width: 333px
    }

    .data_analysis_img img {
        width: 50% !important
    }

    .process_bar::before {
        height: 80%
    }

    .owl-carousel .owl-dots.disabled {
        display: none !important
    }

    .news_btn {
        right: 45.5%;
        top: 5%
    }

    .abotu_dots {
        bottom: -35px
    }

    .img_about {
        height: 57%
    }

    .experience-box .number {
        position: absolute;
        top: -1%;
        right: -1%
    }

    .experience-box {
        max-width: 100%;
        left: 16%
    }

    .experience-box .text {
        right: 25%
    }

    .menu_item .sub_class {
        left: 14%;
        top: 30%
    }

    .big-letter {
        position: relative;
        font-size: 450px;
    }

    .data_analysis, .technology, .our_client {
        padding-bottom: 0 !important;
    }
    .contact-section p {
        font-size: 16px;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .header_main li a {
        padding: 8px !important
    }

    .carousel-item img {
        height: 400px;
        object-fit: cover
    }

    .slider_text {
        width: 90%
    }

    .slider_text h1 {
        font-size: 55px
    }

    .about_image_3 {
        top: -9%;
        left: 89%
    }

    .about_image_4 {
        display: none
    }

    .tab {
        padding: 10px 30px
    }

    .tech-item img {
        width: 100px;
        height: 100px
    }

    .process_bar::before {
        height: 77%
    }

    .portfolio_item {
        max-width: 100%;
        padding: 20px 20px 30px 20px;
        flex-wrap: wrap
    }

    .portfolio_item img {
        margin: 30px 0 0 0
    }

    .portfolio_1 {
        padding-top: 0
    }

    .portfolio_item_1 {
        margin-bottom: 25px
    }

    .footer_about {
        padding: 70px 0 10px 0
    }

    .footer_back {
        display: contents
    }

    .footer_copy span {
        display: flex;
        justify-content: center
    }

    .footer_back:before {
        display: none
    }

    .abotu_4year {
        height: 56% !important
    }

    .sidebar .col-lg-9.content-area {
        flex: 0 0 70%;
        max-width: 70% !important
    }

    .sidebar .col-lg-3.widget-area {
        flex: 0 0 30%;
        max-width: 30% !important
    }

    .big-letter {
        font-size: 500px;
    }

}

@media only screen and (min-width: 1200px) and (max-width: 1400px) {
    .about_image_3 {
        left: 83% !important
    }

    .about_image_4 {
        right: -40px !important
    }

    .about_txt {
        padding-left: 48px !important
    }

    .slider_text h1 {
        font-size: 60px
    }

    .card-info p {
        font-size: 13px
    }

    .card-info .team_name {
        left: 12%
    }

    .footer_content {
        padding: 70px 0px 10px 81px;
    }

    .footer_email span {
        font-size: 12px !important;
    }
}

@media only screen and (min-width: 1400px) and (max-width: 1400px) {
    .news_btn {
        top: 5%
    }

    .footer_back {
        width: 62%
    }
}

@media only screen and (min-width: 1922px) and (max-width: 2560px) {
    .slider_text {
        width: 38%
    }

    .footer_about {
        padding: 70px 57px 10px 0
    }

    .footer_back {
        width: 58%
    }
}