@media screen and (min-width: 1366px) {
  .container {
    max-width: 1260px;
  }
}
@media screen and (min-width: 1400px) {
  .container {
    max-width: 1400px;
  }
}
@media screen and (max-width: 1680px) {
  .canvas-sec {
    top: -155px;
  }
}
@media screen and (max-width: 1440px) {
  .social_content h3,
  .social_rating figcaption {
    font-size: 16px !important;
  }
  .social_content p {
    font-size: 14px;
  }
  .dropdown_wrapper {
    top: 116px;
  }
  #main_content .ppc_new_banner {
    padding: 100px 0 230px;
  }
  .ppc_new_banner .caption_wrap {
    max-width: 640px;
  }
  .case_about {
    margin-left: 5%;
    padding: 50px 0 50px 50px;
  }
  .case_about .bg-orange h2.underline:before {
    top: -50px;
    left: -49px;
    font-size: 80px;
    width: 330px;
  }
  .portfolio_list_wrapper .web .overlay img {
    max-width: 244px;
  }
  .portfolio_list_wrapper .web .overlay .img2 {
    max-width: 245px;
  }
  .hire_web_developers_list li {
    width: 20%;
  }
  .teamMember {
    width: 254px;
    height: 320px;
    position: relative;
  }
  .teamContentBox {
    padding: 29px 22px 47px 64px;
  }
  .meetTeam {
    margin-bottom: 0;
  }
}
@media screen and (max-width: 1399px) {
  .award-box .award-title,
  .dropdown_inner .nav button {
    font-size: 20px;
  }
  .country_box,
  .service_sub_nav_outer,
  .sub-nav-rightBar,
  .sub_nav_outer {
    padding: 20px;
  }
  .country_caption a {
    font-size: 14px;
  }
  .left-slide > div h2 {
    font-size: 40px;
  }
  .blog_slider .box h3 a,
  .left-slide > div h3,
  .sub-nav-rightBar .nav-right-main-title {
    font-size: 22px;
  }
  .left-slide > div p,
  .nav-info-group .nav-info-link .nav-info-group-titleH {
    font-size: 16px;
  }
  .contact_now {
    bottom: 15px;
    left: 15px;
  }
  .portfolio_list_wrapper .box h3 {
    font-size: 24px;
  }
  #counter li p,
  .innovation_heading p,
  .portfolio_list_wrapper .overlay a,
  .section_heading p {
    font-size: 18px;
  }
  .about_project h6 {
    padding: 5px 45px;
  }
  .about_project h6 span {
    font-size: 35px;
  }
  .social a + a {
    margin-left: 6px;
  }
  .dropdown_inner h3 {
    font-size: 30px;
  }
  .blog_slider .box .date {
    margin: -26px 20px 0;
  }
  .dropdown_inner .nav {
    padding: 0;
  }
  .nav-info-group .nav-info-link {
    padding: 10px 15px 10px 64px;
  }
  .nav-info-group .nav-info-figure {
    left: 7px;
  }
  .nav-info-group .nav-info-link p {
    font-size: 13px;
  }
  .nav-info-group .nav-info-figure img {
    max-height: 100%;
  }
  .banner_main .caption .h1 {
    font-size: 65px;
  }
  .innovation_heading h2 {
    font-size: 50px;
  }
  #counter li span {
    line-height: 130px;
    font-size: 100px;
  }
  .alliance,
  .blog,
  .clients,
  .contact_sec,
  .cta,
  .industry,
  .innovation,
  .testimonial_octal {
    padding: 40px 0;
  }
  .project_support h5 span {
    font-size: 26px;
  }
  .clutch {
    padding: 70px 0 50px;
    border-radius: 100px 0 0;
  }
  .clutch_wrap {
    padding: 70px 60px 50px;
    border-radius: 80px 0 0;
  }
  .clutch:before {
    width: 338px;
    height: 421px;
  }
  .inds_cat_set {
    margin: 0;
  }
  .service_ctg ul {
    border-radius: 40px;
  }
  section.service_section.technology_sec:after {
    left: 0;
    width: 460px;
    right: auto;
    background-size: contain;
    bottom: 0;
    top: auto;
    height: 742px;
  }
  .service_section.technology_sec {
    padding-top: 10px;
  }
  .teamContentBox {
    padding: 29px 22px 47px 134px;
  }
  .case-study-banner-caption h1 {
    font-size: 44px;
  }
  .case-study-banner-device img {
    max-width: 316px;
  }
  .left_sideFix,
  .right_fixing {
    bottom: 30px;
  }
  .right_sideFix {
    top: 0;
  }
  .Highlights_figure {
    height: calc(100% - 20px);
  }
  .case-study-new-section .case-study-new-banner {
    height: 900px;
  }
}
@media screen and (max-width: 1366px) {
  .country_caption a {
    font-size: 13px;
  }
  .rating_img img {
    max-height: 72px;
  }
  .rating_img {
    width: 100px;
    height: auto;
  }
  .social_rating {
    align-items: center;
  }
  .whitepaper_wrap figure {
    width: 450px;
  }
  .whitepaper_wrap figcaption h2 {
    font-size: 26px;
  }
  .whitepaper_wrap figcaption {
    padding-left: 25px;
  }
  #main_content .ppc_new_banner {
    padding: 100px 0 230px;
  }
  .portfolio_list_wrapper .overlay .img2 {
    max-width: 145px;
  }
  .portfolio_list_wrapper .overlay img {
    max-width: 134px;
  }
  .project_process ul li {
    font-size: 16px;
    width: 142px;
    height: 142px;
  }
  .food_app_feature {
    background-position: -60px top;
  }
  .about_project h6 {
    padding: 5px 35px;
  }
  .benefits,
  .development_process,
  .faq,
  .hiring_model,
  .services_project,
  .skill_developer,
  .techStart,
  .use_case,
  .why_hire {
    padding: 50px 0;
  }
  .numbers .fancy_title {
    font-size: 90px;
    line-height: 90px;
  }
  .case_banner h1,
  .case_studies_page_banner .default_heading h1.page-title,
  .numbers h6 span {
    font-size: 50px;
  }
  .numbers h6 {
    font-size: 18px;
  }
  .ios_development {
    padding: 40px 0 0;
  }
  .award-grp {
    display: none;
  }
  .teamMember {
    width: 220px;
    height: 260px;
  }
  .teamMember:after {
    width: 100%;
  }
  .teamContentBox {
    margin-top: -230px;
    padding: 29px 22px 47px 150px;
  }
  .portfolioContent h1 {
    font-size: 40px;
  }
  .events_Detail_Team .mt-0.team-row {
    flex-direction: column;
  }
  .events_Detail_Team .team-col {
    flex: 1;
    max-width: 100%;
    width: 100%;
  }
  .Bacancyhendler figure {
    height: 424px;
  }
  .sidebar_category {
    padding: 20px !important;
  }
  .sidebar_category li a {
    font-size: 14px !important;
  }
  .parent_menu > li > a {
    padding: 24px 8px;
    font-size: 14px;
    color: #fff;
  }
  header.fixed_header .parent_menu > li > a {
    color: #000;
  }
  .case_studies_water_mark {
    font-size: 164px;
  }
  .country_box {
    padding: 20px 10px;
  }
  .country_caption {
    padding-left: 10px;
  }
  .listicle-hero .listicle-hero-subtitle {
    font-size: 16px;
  }
  .listicle-container .listicle-hero-title {
    font-size: 36px;
  }
  .listicle-hero .default_heading {
    padding-top: 36px;
  }
  .logmate_flow img {
    max-height: 250px;
  }
  .social_info_list {
    column-gap: 10px;
  }
  .social_link_new a {
    font-size: 14px;
    margin: 3px;
  }
  .social_link_new a span {
    margin-right: 6px;
  }
  .inquiry_box {
    padding: 20px 10px 30px !important;
  }
}
@media screen and (max-width: 1280px) {
  .food_app_feature {
    background-position: -140px top;
  }
  .CS-bannerTitle h1 {
    font-size: 40px;
  }
  .caseStudieListRow,
  .caseStudieListRow:nth-child(2n) {
    padding-top: 64px;
  }
  .videoBanner {
    height: auto;
  }
  .Bacancyhendler figure {
    height: 464px;
  }
  .new_Theme_Hgroup h2 {
    font-size: 32px;
  }
  .android-service-tabs .nav-link {
    font-size: 16px;
    padding: 15px;
  }
  .Service_achievement_marks_section .achievement_marks_cols {
    padding: 15px;
  }
  .Service_achievement_marks_section .achievement_marks_cols h3 {
    font-size: 14px;
    margin: 0;
  }
}
@media screen and (max-width: 1199px) {
  .country_caption a,
  .whitePaperBanner p {
    font-size: 15px;
  }
  .portfolio_list_wrapper .web .overlay .img2 {
    margin: 0 -110px;
    max-width: 205px;
  }
  .portfolio_list_wrapper .web .overlay img {
    max-width: 204px;
  }
  .tech_partner ul li {
    width: 33.33%;
  }
  #main_content .ppc_new_banner {
    padding: 200px 0 250px;
  }
  .ppc_new_banner .caption_wrap {
    max-width: 530px;
  }
  .bussiness_img {
    width: 66px;
    height: 66px;
    padding: 14px;
    flex: 0 0 66px;
    box-shadow: 0 0 0 6px rgba(255, 255, 255, 0.5);
  }
  .delivey_process_wrapper,
  .robust_tech .tab-content,
  .smooth_bussiness_grid-left,
  .smooth_bussiness_grid-right {
    padding: 30px;
  }
  #counter li p,
  .How_We_Transformed_left p,
  .Infrastructure_ouetr .case-study-hgroup p,
  .Infrastructure_ouetr .case-study-hgroup ul li,
  .Next_Set_right_list_caption p,
  .about_project h6,
  .achive_graff-main h5,
  .banner_head p,
  .bussinessTagContent a span,
  .case-Secured p,
  .case-achieved p,
  .case-study-hgroup p,
  .innovation_heading p,
  .nav-info-group .nav-info-link .nav-info-group-titleH,
  .rating h4,
  .section_heading p,
  .service_nav_link li a,
  .tech_partner ul li h3,
  .working_process_case_study_caption p {
    font-size: 16px;
  }
  .role-basec-sec .role-list li {
    font-size: 16px;
    margin-bottom: 12px;
    padding-left: 33px;
    line-height: 24px;
    background-size: 18px;
  }
  .adv_tabs .tab-content h3,
  .robust_tech h3,
  .role-basec-sec .role-list h2 {
    margin-bottom: 20px;
    font-size: 24px;
  }
  .about_project,
  .innovation_heading,
  .smooth_bussiness_wrapper li {
    margin-bottom: 30px;
  }
  .bussiness_article {
    max-width: calc(100% - 66px);
    padding-left: 20px;
  }
  .achive_graff-main {
    padding: 24px 20px;
  }
  .about_text h6 span,
  .application-content p,
  .hire_content_detailSH h2,
  .robust_tech .nav-link,
  .we_process ul h2,
  .working_process_case_study_caption h3 {
    font-size: 18px;
  }
  .left-slide > div {
    padding: 20px 50px 20px 20px;
  }
  .Success_Metrics_cols figcaption h3,
  .check_list li,
  .portfolio_btn,
  .ser_banner .outer p span,
  .we_process li p {
    font-size: 14px;
  }
  .vertical_tab2 .nav-tabs .nav-link {
    font-size: 17px;
    padding: 17px 15px;
  }
  .dropdown_inner .w_33_menu li,
  .icon_list li {
    padding: 0 10px;
  }
  .portfolio_list_wrapper .overlay a img {
    max-width: 25px;
    margin-left: 10px;
  }
  .LogoIcon img,
  .award_logo img {
    max-width: 100%;
  }
  .service_growth {
    border-radius: 50px 50px 0 0;
    padding: 35px;
  }
  #counter li h3,
  .Next_Set_right_list_caption h3,
  .Octals_Role_Making h4,
  .about_text h6 span,
  .about_workLife .outer h4,
  .case_banner p,
  .ser_banner .outer p {
    font-size: 20px;
  }
  .project_process ul li {
    width: 122px;
    font-size: 18px;
    border-radius: 15px;
    width: calc(20% - 10px);
    height: auto;
    transform: rotate(0);
    margin: 0 5px 10px;
    padding: 15px;
  }
  .project_process ul li img {
    margin: 0 auto 2px;
    max-height: 40px;
  }
  .project_process ul {
    flex-wrap: wrap;
    margin: 0 -5px;
    justify-content: center;
  }
  .project_process {
    padding-bottom: 30px;
  }
  .project_process ul li:nth-child(odd) {
    margin-top: 0;
  }
  .project_process ul li div {
    transform: rotate(0);
  }
  .about_workLife .development_process .outer .icon {
    padding: 10px;
    margin-bottom: 15px;
    width: 55px;
    height: 55px;
  }
  .our_history {
    padding: 40px 0;
  }
  .advance_feature .nav-pills .nav-link {
    font-size: 17px;
  }
  .advance_feature .nav-pills .nav-link img {
    margin-right: 14px;
    max-width: 50px;
  }
  .empower .outer {
    background: #fff;
    border-radius: 20px;
    padding: 20px;
    width: 100%;
  }
  .food_app_feature {
    background-position: -180px top;
  }
  .advance_feature .tab-content ul li {
    padding-left: 32px;
    padding-bottom: 10px;
    font-size: 16px;
  }
  .about_project {
    padding: 20px 15px;
    top: 0;
    border-radius: 12px;
  }
  .dev_benefit .box p {
    position: static;
  }
  .about_project h6 span {
    font-size: 26px;
  }
  .hire_content {
    padding-top: 40px;
  }
  .development_process .outer span {
    font-size: 70px;
    line-height: 40px;
  }
  .innovation_heading h2,
  .numbers h6 span {
    font-size: 40px;
  }
  .numbers .fancy_title {
    font-size: 60px;
    line-height: 60px;
  }
  .case_banner h1,
  .whitePaperBanner h1 {
    font-size: 35px;
  }
  .case_about {
    padding: 50px 0 50px 15px;
    margin: 0;
    border-radius: 0;
  }
  .project_result span {
    font-size: 90px;
  }
  .case_banner,
  .page-template-services .case_banner {
    padding: 110px 0 20px;
  }
  .process_box {
    margin-bottom: 20px;
  }
  .project_support .box {
    padding: 20px;
  }
  .banner_main .caption .h1 {
    font-size: 50px;
  }
  .parent_menu > li {
    margin-right: 0;
  }
  .project_support .icon + div {
    padding-left: 15px;
  }
  .alliance,
  .blog,
  .clients,
  .contact_sec,
  .cta,
  .industry,
  .innovation,
  .project_support,
  .testimonial_octal {
    padding: 50px 0;
  }
  .clutch {
    padding: 50px 0 12px;
    border-radius: 60px 0 0;
  }
  .clutch_wrap {
    padding: 40px 50px 30px;
    border-radius: 50px 0 0;
  }
  #counter li span {
    line-height: 100px;
    font-size: 70px;
  }
  .section_heading h2 {
    font-size: 35px;
    font-weight: 600;
  }
  .service_ctg ul li a {
    padding: 40px 15px;
  }
  .service_ctg figcaption p {
    font-size: 16px;
    font-weight: 500;
  }
  .service_section.technology_sec {
    padding-top: 10px;
    padding-bottom: 5px;
  }
  .client_testimonial .item .box,
  .client_testimonial .owl-stage .active + .active + .active .box {
    transform: scale(1);
  }
  .blog_slider .box .text-center {
    padding: 0 15px 30px;
  }
  .blog_slider .box .date {
    margin: -26px 0 0;
    font-size: 15px;
  }
  .blog_slider .box h3 {
    margin-top: 18px;
  }
  .blog_slider .box h3 a {
    font-size: 18px;
    line-height: 27px;
    display: block;
  }
  .social a + a {
    margin-left: 6px;
  }
  .clutch_wrap .box img {
    max-width: 170px;
    max-height: 35px;
    width: auto;
  }
  .portfolio_btn {
    display: inline-block;
    padding: 8px 20px;
    position: relative;
    color: #fff;
    font-weight: 600;
    overflow: hidden;
    background: rgba(255, 255, 255, 0.3);
    border: 1px solid rgba(255, 255, 255, 0.6);
    border-radius: 40px;
  }
  .portfolio_btn:hover {
    background: #fff;
    color: #000;
  }
  .portfolio_mobile img {
    max-height: 400px;
    margin: 0 auto;
  }
  .portfolio_list_wrapper .page_heading h1 {
    font-weight: 600;
    font-size: 40px;
  }
  .we_process ul {
    gap: 10px;
  }
  .We_quility li {
    padding: 28px 10px 15px;
  }
  .application-content h2 {
    font-size: 28px;
  }
  .application-btn {
    font-size: 18px;
    padding: 10px 25px;
  }
  .hire_web_developers_list li {
    width: 25%;
  }
  .caseStudiePage {
    padding: 124px 0 64px;
  }
  .brand_name h3,
  .case-Secured p strong,
  .case-achieved p strong,
  .caseStudieListContent h2,
  .mini_detail_case_studie h4 {
    font-size: 24px;
  }
  .caseStudieListContent {
    margin-bottom: 24px;
  }
  .cost-estimation .CS-bannerTitle {
    padding-right: 24px;
  }
  .cost-estimation {
    padding: 200px 0 54px;
  }
  .main_team_block {
    padding-bottom: 70px;
  }
  .teamMember:after {
    width: 100%;
  }
  .teamContentBox {
    padding: 130px 22px 47px;
    z-index: -2;
    top: 0;
    right: 0;
    margin-top: -100px;
    border-radius: 0 0 40px;
  }
  .teamContent {
    padding-left: 0;
  }
  .teamMember {
    width: 164px;
    height: 190px;
  }
  .aboutForElearning {
    padding: 36px;
  }
  .elearningGetInTouch {
    flex: 0 0 400px;
    max-width: 400px;
    border: 20px solid #fff;
    padding: 20px;
  }
  .OtherResourcesGrid figure {
    height: 224px;
  }
  .case-study-banner-caption h1,
  .feature_valueStyleCols h3,
  .listicle-hero .listicle-hero-title,
  .portfolioContent h1 {
    font-size: 36px;
  }
  .blogSearchWrap {
    top: 20px;
  }
  .blog-page-post-category-list ul {
    grid-template-columns: repeat(4, 1fr);
  }
  .bussinessTagContent p {
    margin-bottom: 10px;
    font-size: 14px;
  }
  .banner_main {
    padding: 150px 0;
  }
  .case_banner,
  .page-template-services .case_banner {
    padding-top: 150px;
  }
  .hire_step_count::before {
    width: 50px;
    height: 50px;
    background-size: 50px;
  }
  .Android_Cost_Breakdown .cost-table td,
  .Android_Cost_Breakdown .cost-table th,
  .Android_Cost_Breakdown .cost-table thead th,
  .hire_step_process,
  .left_sideFix,
  .right_sideFix {
    padding: 10px;
  }
  .videoBanner {
    height: auto;
  }
  .Bacancyhendler figure {
    height: 354px;
  }
  .videoBanner .container {
    top: 54%;
  }
  header {
    padding: 0 !important;
  }
  .dropdown_wrapper .logo_white,
  .header_white .logo_white,
  .logo_black,
  header.fixed_header .logo_white {
    display: none;
  }
  header .logo img {
    width: auto;
    max-height: 64px;
  }
  .headerTopContent h2 {
    margin-bottom: 0;
  }
  .dropdown_wrapper .logo_black,
  .header_white .logo_black,
  header.fixed_header .logo_black {
    display: block;
  }
  .connect-with-us {
    padding: 44px 0 28px;
  }
  .parent_menu > li > a {
    padding: 24px 6px;
  }
  .enquiry .themeArrowBtn {
    font-size: 14px;
    padding: 15px 51px 15px 20px;
  }
  .sub-nav-rightBar {
    width: 364px;
    flex: 0 0 364px;
    padding: 15px;
  }
  .nav-info-group .nav-info-link {
    padding: 10px 10px 10px 60px;
  }
  .nav-info-group .nav-info-figure {
    left: 5px;
  }
  .award-box,
  .service_sub_nav_outer,
  .sub_nav_outer {
    padding: 15px;
  }
  .service_nav_outer .service_nav_link {
    max-height: 440px;
  }
  .single.author .default_heading {
    padding-top: 32px !important;
    padding-bottom: 24px !important;
  }
  .country_box .country_caption p {
    margin-bottom: 15px !important;
  }
  #guest_user_form .modal-dialog {
    max-width: 954px;
  }
  .case-study-banner-device img {
    max-width: 216px;
  }
  .left_fixing {
    top: -30px;
  }
  .right_sideFix {
    top: -24px;
  }
  .How_We_Transformed_left h3,
  .Infrastructure_ouetr .case-study-hgroup h3,
  .case-study-hgroup h2,
  .case_study_CTA h2 {
    font-size: 32px;
  }
  .Success_Metrics_cols figure {
    margin: 0 15px;
  }
  .Highlights_tags {
    font-size: 13px;
  }
  .Success_Metrics_even_cols figure {
    height: 246px;
  }
  .Success_Metrics_even_cols figure img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .case-study-new-section .case-study-new-banner {
    height: 700px;
  }
  .award_CTA_section {
    padding: 40px 32px;
  }
  .award-box-main-outer {
    margin: 0 0 62px;
  }
  .on_hover_view_data {
    padding: 20px 24px;
    width: 520px;
  }
  .case_studies_page_banner .default_heading h1.page-title {
    font-size: 44px;
  }
  .case_studies_water_mark {
    font-size: 152px;
  }
  .case_studies_page_banner {
    position: relative;
    height: 720px;
  }
  .service_page_new_features .owl-stage {
    display: flex;
  }
  .service_page_new_features .owl-stage .owl-item {
    float: none;
    height: 100%;
  }
  .service_page_new_features .feature-card {
    min-height: 275px;
  }
  .Service_achievement_marks_section .achievement_marks_grid {
    flex: 0 0 33.333%;
    max-width: calc(33.333% - 16px);
  }
  .tech-tabs .nav-link {
    min-width: 100px;
    white-space: nowrap;
    padding: 8px 15px;
  }
  .new_testimonial_box_wrapper {
    grid-template-columns: 1fr 1fr;
    align-items: start;
    justify-content: center;
  }
  .new_testimonial_grid:nth-child(2),
  .new_testimonial_grid:nth-child(5) {
    order: 2;
  }
  .logmate_process_card {
    max-width: 300px;
    position: relative;
    z-index: 2;
  }
  .listicle-hero .default_heading {
    padding: 0;
  }
  .logmate_flow img {
    max-height: 300px;
  }
  .case_banner + .hire_content:has(+ .hire_content) {
    padding: 32px 0 1px;
  }
  .back_link_testimonial a {
    text-align: center;
    font-size: 14px;
  }
}
@media screen and (max-width: 991px) {
  .mobileSideNav .dropdown-toggle.collapsed::after,
  .sub-Nav-Inner .mobile_nav_item:after,
  .subNavWrap h5.collapsed::after {
    background-image: url(../images/common/MobileNavDown.svg);
  }
  @keyframes ai_color {
    100%,
    33.333% {
      color: #d60000;
    }
    66.666% {
      color: #222;
    }
  }
  .Lets_AI span:before {
    height: 3px;
    background: linear-gradient(45deg, #284cb0, transparent);
  }
  .Lets_AI span:after {
    height: 3px;
    background: linear-gradient(45deg, transparent, #284cb0);
  }
  .case_studies_page_new_list_two_col
    .on_hover_view_data
    .mini_detail_case_studie
    .d-flex,
  .logo_black {
    display: block !important;
  }
  .FirstStepsForAnimation li:after,
  .WhitePaperBannerPic img,
  .advance_feature .nav-pills .nav-link img,
  .banner_main .caption p br,
  .blog-single-post-sidebar-social,
  .bussinessTagContent::after,
  .bussinessTagContent::before,
  .clutch:before,
  .delivey_process-img:after,
  .hire_step_process:after,
  .logmatebanner_content figcaption h1 br,
  .logmatesec-banner_section:after,
  .mini_detail_case_studie p,
  .nav_btn-close:not(.side_nav_canvas.show .nav_btn-close),
  .next-generation-section h2 br,
  .octal_Hire_Dedicated_For_Project .nav.nav-tabs:before,
  .octal_Hire_Dedicated_For_serve .nav.nav-tabs:before,
  .section_heading h2 br,
  .section_heading p br,
  .service_section:after,
  .single_sidebar_form,
  .videoBanner .banner_img,
  header .logo .logo_white {
    display: none;
  }
  .whitepaper_wrap figcaption {
    padding-left: 0;
  }
  .whitepaper_banner:after {
    position: absolute;
    content: "";
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    background: #000;
    opacity: 0.6;
    width: 100%;
    height: 100%;
  }
  .aboutForElearningRow,
  .mobile_enquiry,
  .octal_Hire_Dedicated_For_Project .nav.nav-tabs .nav-link.active img,
  .octal_Hire_Dedicated_For_serve .nav.nav-tabs .nav-link.active img {
    display: block;
  }
  .portfolio_list_wrapper .web .overlay img {
    max-width: 174px;
  }
  .portfolio_list_wrapper .web .overlay .img2 {
    margin: 0 -110px;
    max-width: 165px;
  }
  #main_content .ppc_new_banner {
    padding: 130px 0 200px;
  }
  .wave {
    background-size: 700px;
    height: 90px;
    top: -87px;
  }
  .Android_Cost_Breakdown .image-box,
  .adv_tabs .tab-content {
    margin-top: 20px;
  }
  .adv_tabs .tab-content h3,
  .robust_tech h3,
  .role-basec-sec .role-list h2 {
    margin-bottom: 15px;
    font-size: 22px;
  }
  .point_list ul li {
    padding: 10px 0 10px 60px;
    font-size: 16px;
    margin: 0 0 5px;
  }
  .notify_bg img {
    border-radius: 10px;
  }
  .adv_tabs .nav-tabs .nav-link {
    font-weight: 600;
    font-size: 14px;
  }
  .application-content p,
  .award-box .award-title,
  .award_CTA_section h2 small,
  .award_CTA_section p,
  .box_wrapper .award_logo p,
  .business-mudels_tabs .nav-link,
  .case_banner p,
  .history_slider p,
  .mini_detail_case_studie h4,
  .next-generation-left .accordion-item .accordion-body li,
  .testimonal-banner-section .default_heading p,
  .why-choose-wrapper .section-subtitle,
  p {
    font-size: 16px;
  }
  .banner_icon img,
  .tech_partner ul li img {
    max-width: 75px;
  }
  .tech_partner ul li .bg-white {
    padding: 15px;
    min-height: 170px;
  }
  .delivey_process-img img {
    max-width: 70%;
    margin: auto;
    display: block;
  }
  #counter li h3,
  .Challenge_solution_left h3,
  .bussiness_article strong,
  .why-choose-title,
  footer h5 {
    font-size: 18px;
  }
  .Request-A-Call-wrapper > .row > *,
  .dropdown_inner,
  .smooth_bussiness_grid-left,
  .smooth_bussiness_grid-right {
    padding: 20px;
  }
  .notification h5 {
    font-size: 16px;
    width: calc(100% - 65px);
    padding-left: 20px;
    margin-left: 0;
  }
  .notify_bg {
    width: 65px;
  }
  .left-slide {
    width: 45%;
  }
  .right-slide {
    left: 45%;
    width: 55%;
  }
  .slider-container .action-buttons button {
    left: 45%;
  }
  .banner_main .caption .h1,
  .case_studies_page_banner .default_heading h1.page-title,
  .octal_gallery_banner h1 {
    font-size: 35px;
  }
  .Business_Model_section,
  .Service_achievement_marks_section,
  .Service_testimonial_section,
  .alliance,
  .blog,
  .contact_sec,
  .cta,
  .flexible_engagement,
  .industry,
  .innovation,
  .octal_life_content,
  .page-template-case-study-new section,
  .project_support,
  .service_page_features_section,
  .service_section,
  .testimonial_octal,
  .trusted_by_section,
  footer {
    padding: 50px 0;
  }
  .food_cta h3,
  .guest-user-popup .modal-text,
  .octal_life_content figcaption h3 a,
  .wrap_testi h3 {
    font-size: 22px;
  }
  .Success_Metrics_cols,
  .about_text,
  .benefits .left_list,
  .blog_category_box,
  .do_best_box,
  .footer_left,
  .form_list,
  .location,
  .section_head,
  .ser_banner .outer,
  .techStart ul li,
  .verticalTabs {
    margin-bottom: 20px;
  }
  .logmate_sec-brand_wrapper,
  .process_circle ul {
    justify-content: center;
  }
  .process_circle ul li {
    width: 25%;
    margin-bottom: 20px;
  }
  .footer_left .rating {
    max-width: 190px;
    padding-left: 15px;
  }
  .awardPage-banner .page-title,
  .bannerContent h1,
  .default_heading h1,
  .portfolio_banner h2 {
    font-size: 40px;
  }
  .portfolio_caption_wrap {
    z-index: 3;
    position: relative;
    text-align: center;
    max-width: 620px;
    padding-left: 20px;
  }
  .portfolio_list_wrapper .page_heading h1 {
    font-weight: 600;
    font-size: 30px;
  }
  .box_wrapper .award_logo,
  .brand_name h3,
  .join_teaam h4 {
    font-size: 20px;
  }
  .ser_banner .col-6:nth-child(2n) .outer {
    border-right: 0;
    justify-content: center;
  }
  .ser_banner {
    padding-bottom: 10px;
  }
  .do_best_box,
  .meetTeam {
    margin-top: -60px;
  }
  .employee_slider .owl-stage .owl-item:nth-child(odd) .item {
    margin-top: 50px;
  }
  .project_process ul li {
    width: calc(25% - 10px);
  }
  .history_slider h3 {
    font-size: 25px;
    margin-bottom: 15px;
    font-weight: 600;
  }
  .back-to-top {
    bottom: 25px;
    right: 35px;
  }
  .app_management .border-end {
    border-right: 0px !important;
    border-bottom: 1px solid #ccc;
    padding-bottom: 15px;
    margin-bottom: 15px;
  }
  .food_app_feature {
    background: 0 0 !important;
  }
  #menu button,
  .clutch_wrap,
  .subMenu a:hover {
    background: 0 0;
  }
  .advance_feature .tab-content {
    padding: 25px;
  }
  .advance_feature .nav-pills,
  .app_management .nav {
    display: flex;
    justify-content: center;
    flex-direction: row !important;
  }
  .advance_feature .nav-pills button,
  .app_management .nav-pills button {
    width: auto !important;
  }
  .about_project,
  .social_info_list {
    flex-wrap: wrap;
  }
  .about_project h6 {
    width: 50%;
    border: 0;
    padding: 12px;
  }
  .content_img,
  .hire_content .content_img,
  .why_hire .content_img {
    max-height: 370px;
    max-width: 370px;
    margin: 0 auto 20px;
    display: block;
  }
  .skill_developer .content_img {
    max-height: 350px;
    margin: 20px auto 0;
    display: block;
  }
  .techStart ul {
    flex-wrap: wrap;
    justify-content: start;
  }
  .techStart ul li {
    width: 50%;
  }
  .faq .accordion-button {
    font-weight: 600;
  }
  .case_banner,
  .development_process,
  .faq,
  .key-features,
  .page-template-services .case_banner,
  .services_project,
  .techStart,
  .use_case {
    padding: 30px 0;
  }
  .numbers .fancy_title {
    font-size: 60px;
    line-height: 40px;
  }
  .case_about {
    padding: 30px 0 30px 15px;
  }
  .ios_development {
    padding: 20px 0 0;
  }
  .guest-user-popup .modal-title,
  .meetTeam h2,
  .numbers h6 span,
  .portfolioContent h1,
  .why-choose-wrapper .section-title {
    font-size: 30px;
  }
  #counter li p,
  .Challenge_solution_right p,
  .client_video-content p,
  .config_point p,
  .innovation_heading p,
  .numbers h6,
  .section_heading p,
  footer ul li a {
    font-size: 15px;
  }
  .achieve,
  .banner_main,
  .process {
    padding: 40px 0;
  }
  .single_testimonial {
    padding: 40px 0 100px;
  }
  .How_We_Transformed_left h3,
  .Infrastructure_ouetr .case-study-hgroup h3,
  .Service_Top_Reasons_conting .Top_Reasons_conting_cols .trusted_countnumber,
  .award_CTA_section h2,
  .case-study-hgroup h2,
  .case_banner h1,
  .case_study_CTA h2,
  .innovation_heading h2,
  .new_Theme_Hgroup h2,
  .section_heading h2,
  .whitePaperBanner h1 {
    font-size: 28px;
  }
  .Request-A-Call-wrapper .row,
  .about_text h6 span,
  .subMenu li {
    margin: 0;
  }
  .wrap_testi {
    padding: 40px 50px 0;
  }
  .glossary-page-top-alpha-bar,
  .testimonial_octal .tab-content {
    padding: 0;
  }
  .left_tab ul.nav-tabs li {
    width: 25%;
    text-align: center;
  }
  .left_tab ul {
    justify-content: center;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    padding: 15px 0;
  }
  .left_tab {
    border-right: 0;
    border-bottom: 1px solid #e9ebee;
  }
  .testimonial_text {
    width: 100%;
    padding: 25px;
    margin: 0;
  }
  header #offcanvasExample {
    width: 320px;
  }
  .Security_Compliance .compliance-item,
  .guest-user-popup .guest-user-content,
  .project_support .box,
  .scale_tab_panel {
    padding: 15px;
  }
  .copyright,
  header {
    padding: 15px 0;
  }
  #main_content {
    padding-top: 112px;
  }
  .cmi {
    display: flex;
    align-items: center;
  }
  .cmi img {
    max-width: 220px;
  }
  .banner_main .caption p {
    font-size: 16px;
    margin-bottom: 22px;
  }
  #counter li span {
    line-height: 70px;
    font-size: 50px;
  }
  .project_support .icon + div {
    padding-left: 10px;
  }
  .Bacancyhendler figcaption a,
  .Octals_Role_Making p,
  .Service_Top_Reasons_conting .Top_Reasons_conting_cols p,
  .The_Challenge_point li,
  .clientCaption strong,
  .cost-estimation .CS-bannerTitle p,
  .portfolioContent p,
  .project_support h5,
  .testimonial_list_colsInner p,
  .why-choose-description {
    font-size: 14px;
  }
  .project_support h5 span {
    font-size: 17px;
    margin-bottom: 5px;
  }
  .clutch {
    border-radius: 0;
  }
  .clutch_wrap {
    padding: 10px 30px 20px;
    margin: 0;
  }
  .clutch_slider {
    margin-top: 20px;
    padding: 0;
  }
  .section_head h3 {
    font-size: 25px;
    margin-bottom: 6px !important;
  }
  .service_ctg {
    padding-right: 0;
  }
  .service_ctg ul {
    border-radius: 15px;
  }
  .technology_sec .service_ctg {
    padding-left: 0;
    padding-right: 0;
    margin-top: 0;
  }
  .footer_left .social_mail_outer {
    flex: 1;
  }
  .footer_left {
    justify-content: space-between;
    display: flex;
  }
  .mini_detail_case_studie h4,
  .on_hover_view_data .brand_name,
  .teamContentBox .sec_text,
  footer ul {
    margin-bottom: 15px;
  }
  .location {
    padding-bottom: 0;
  }
  .contact_sec textarea.form-control {
    height: 100px;
    min-height: 0;
  }
  footer ul li a {
    padding: 3px 0;
  }
  .inds_cat_set .can.job_car .data_text_lin,
  .left_sideFix {
    left: 0;
  }
  #menu button {
    border: 0;
    padding: 2px 5px 6px;
    margin-left: 10px;
    height: 40px;
    width: 40px;
  }
  #menu {
    text-align: right;
  }
  .parent_menu {
    display: block;
    text-align: left;
  }
  .mobileSideNav .navbar .nav-item > .nav-link {
    padding: 12px 0;
    color: #000;
    font-size: 18px;
    font-weight: 600;
    border-bottom: 1px solid #f1f1f1;
  }
  #menu .btn_primary,
  .book-img {
    display: block;
    text-align: center;
  }
  .mobile_btn .btn_primary,
  header .btn_primary {
    padding: 10px 20px;
    font-weight: 600;
  }
  .mobileSideNav .sub-nav-outer {
    padding: 0;
    background: #fef6ef;
  }
  .subNavWrap .subMenu {
    max-height: 320px;
    overflow-y: auto;
    background: #fff;
    border: 1px solid #f7f7f7;
    margin-bottom: 0;
    padding: 0 10px;
  }
  .onlyWhyOctal .subMenu {
    padding: 10px 15px;
  }
  .subMenu a {
    padding: 3px 0;
    font-size: 14px;
    margin: 0;
    color: #626262;
    white-space: normal;
  }
  ul.subMenu {
    margin-bottom: 12px;
  }
  .offcanvas-header .btn-close {
    opacity: 1;
    margin-left: auto;
  }
  .mobile_btn {
    width: 288px;
    bottom: 0;
    padding: 18px 0;
  }
  header .navbar {
    padding-bottom: 70px;
  }
  header .logo img {
    max-height: initial;
    max-width: 164px;
  }
  .scale_tab_panel h3 {
    font-size: 20px;
    margin-bottom: 12px;
  }
  .food_cta {
    border-radius: 20px;
    padding: 20px 10px 20px 20px;
  }
  .advance_feature {
    padding-top: 40px;
  }
  .ppcBanner_two {
    padding: 35px 0;
  }
  .ppcBanner_two .caption h1 {
    font-size: 40px;
    margin-bottom: 15px;
  }
  header {
    background: #fff;
    box-shadow: 0 3px 7px 0 rgba(0, 0, 0, 0.1);
  }
  .application-content {
    padding-left: 0;
    padding-top: 30px;
  }
  .WhitePaperBannerPic {
    background-color: #0d001c;
  }
  .whitePaperBannerInner {
    position: relative;
    background: #0d001c;
    transform: none;
    top: 0;
    padding: 60px 0;
  }
  .book-img img {
    max-width: 450px;
    margin: auto;
  }
  .whitePaperBanner p {
    font-size: 16px;
    line-height: 1.6;
  }
  .application {
    margin: 30px 0;
  }
  .application-content h2,
  .meetTeam .sec_text {
    font-size: 25px;
  }
  .inner_box {
    margin-bottom: 30px;
  }
  .guest-user-popup .partner-list li {
    width: 80px;
    height: 80px;
  }
  .guest-user-popup .partner-list {
    justify-content: flex-start;
    gap: 9px;
  }
  .guest-user-popup .modal-body {
    padding: 15px 24px;
  }
  .octal_Hire_Dedicated_For_Project .nav.nav-tabs,
  .octal_Hire_Dedicated_For_serve .nav.nav-tabs {
    display: flex !important;
  }
  .octal_Hire_Dedicated_For_Project .nav.nav-tabs .nav-link img,
  .octal_Hire_Dedicated_For_serve .nav.nav-tabs .nav-link img {
    width: 24px;
    display: none;
  }
  .octal_Hire_Dedicated_For_serve .nav.nav-tabs {
    width: 824px;
  }
  .comparison-table,
  .octal_Hire_Dedicated_For_serve .verticalTabs {
    overflow-x: auto;
  }
  .navbar .nav-item > .nav-link:focus {
    outline: 0;
  }
  .advance_feature .nav-pills {
    display: flex;
    border-radius: 10px;
    background: #e1e1e1;
  }
  .advance_feature .tab-content {
    margin-top: 10px;
    overflow: hidden;
    border-radius: 18px;
  }
  .advance_feature .nav-pills .nav-link {
    margin-bottom: 0;
    padding: 10px 24px;
  }
  .Request-A-Call-wrapper .modal-header {
    padding-left: 20px;
  }
  .job-post-item .one-third {
    width: 100%;
  }
  .job-post-item .job-post-item-body {
    display: flex !important;
    flex-wrap: wrap;
  }
  .bussiness_tag,
  .job-post-item .job-post-item-body > div,
  .next-generation-left .accordion-item {
    margin-bottom: 10px;
  }
  .CS-bannerTitle h1,
  .config_point strong,
  .listicle-hero .listicle-hero-title {
    font-size: 32px;
  }
  .CS-bannerTitle {
    flex: 0 0 60%;
  }
  .caseStudiePage {
    padding: 84px 0 44px;
  }
  .caseStudieListing,
  .case_studies_page_new_main {
    padding: 48px 0;
  }
  .caseStudieListRow:nth-child(2n) .listingMediaOuter img {
    border-radius: 0 32px;
  }
  .caseStudieListRow,
  .caseStudieListRow:nth-child(2n) {
    padding-top: 36px;
    border-radius: 54px 54px 0;
  }
  .listingMediaOuter img {
    border-radius: 32px 0;
  }
  .mediaShape {
    border-radius: 44px 0;
  }
  .caseStudieListRow:nth-child(2n) .mediaShape {
    border-radius: 0 44px;
  }
  .CS-bannerImg {
    max-width: 40%;
    flex: 0 0 40%;
    height: 380px;
    border-radius: 0 54px;
  }
  .logoORG img {
    max-height: 24px;
  }
  .cost-estimation {
    padding: 120px 0 64px;
  }
  .Next_Set_section .case-study-hgroup h2,
  .costestimationTitle h1,
  .cta-title,
  .feature_valueStyleCols h3,
  .market_leader-h-group h2,
  .portfolioHead strong,
  .webcost-h-group h2 {
    font-size: 24px;
  }
  .pricingSelctHead button {
    min-width: 136px;
  }
  .select-web-tech ul li,
  .working_process_case_study_col {
    flex: 0 0 33.333%;
    max-width: calc(33.333% - 20px);
    margin: 10px;
  }
  .cost-estimation-subscribe {
    background-position: center;
    padding: 54px 0;
  }
  .meetTeamContent {
    padding: 30px 25px;
  }
  .bannerContent {
    top: 50%;
    transform: translateY(-50%);
  }
  .portfolioArtical p,
  .vision_block {
    margin-bottom: 0;
  }
  .main_team_block {
    padding-bottom: 50px;
  }
  .team-col {
    padding: 0 15px;
  }
  .aboutForElearning {
    padding: 24px;
  }
  .elearningGetInTouch {
    max-width: 100%;
    margin: auto;
  }
  .OtherResources {
    padding: 48px 20px;
  }
  .aboutForElearningWrapper {
    border-radius: 12px;
    margin: 24px 0;
  }
  .resourceDrop {
    top: 44px;
    min-width: 100%;
  }
  .careerPageModal .modal-dialog {
    max-width: calc(100% - 30px);
  }
  .ApplyheaderLeft ul li {
    padding-right: 18px;
    font-size: 16px;
    font-weight: 600;
  }
  .octal_contact_grid,
  .portfolioContent,
  .portfolioIMGSlider {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .portfolioIMGSlider .owl-dots .owl-dot {
    width: 64px;
  }
  .portfolioContentSection {
    padding: 54px 0 24px;
  }
  .cost-estimation-testimonial {
    display: block;
    padding-bottom: 32px;
    padding-left: 20px;
    overflow: visible;
  }
  .cost-estimation-testimonial hgroup {
    max-width: 100%;
    margin-bottom: 25px;
    padding-left: 0;
    padding-right: 0;
  }
  .cost-estimation-testimonial:before {
    top: 170px;
    left: 0;
  }
  .Cost-Estimation-Testiminial-slider,
  .compliance-tabs {
    max-width: 100%;
  }
  .cost-estimation-testimonial .owl-dots {
    max-width: 540px;
    margin: auto;
    position: relative;
    top: 20px;
    left: 0;
    right: 0;
    text-align: center;
  }
  .mobileSideNav .dropdown-toggle::after {
    content: "";
    border: none;
    width: 24px;
    height: 24px;
    position: absolute;
    margin: 0;
    right: 6px;
    top: 14px;
    transition: 0.3s ease-in-out;
    -webkit-transition: 0.3s ease-in-out;
  }
  .mobileSideNav .dropdown-toggle:not(.collapsed)::after,
  .subNavWrap h5:not(.collapsed)::after {
    background-image: url(../images/common/MobileNavUp.svg);
  }
  .subNavWrap h5 {
    padding: 6px 32px 6px 0;
    position: relative;
    margin: 0;
  }
  .subNavWrap h5:after {
    content: "";
    border: none;
    width: 18px;
    height: 18px;
    position: absolute;
    margin: 0;
    right: 10px;
    top: 14px;
    background-size: 18px;
    opacity: 0.7;
    transition: 0.3s ease-in-out;
    -webkit-transition: 0.3s ease-in-out;
  }
  .portfolioArtical {
    border-bottom: 1px solid #eee;
    padding: 15px;
    margin-bottom: 10px;
  }
  .portfolioHead {
    padding: 15px;
    background: #ddd;
  }
  .portfolioBG span {
    padding: 10px;
    font-size: 14px;
  }
  .PortfolioDropWrap {
    max-height: 400px;
    overflow-y: overlay;
  }
  .blog-page-post-category-list ul {
    grid-template-columns: repeat(3, 1fr);
  }
  .events_Detail_Team .mt-0.team-row {
    flex-direction: row;
    margin: 0 -15px;
  }
  .events_Detail_Team .team-col {
    flex: 0 0 50%;
    width: 50%;
    max-width: 50%;
  }
  .bussinessTagContent p {
    display: block;
    margin-bottom: 0 !important;
  }
  .NavWrapperOuter {
    padding: 10px 0;
  }
  .bussinessTag {
    margin-top: 0;
    margin-bottom: 0;
  }
  .banner_main {
    padding-top: 100px;
  }
  .case_banner,
  .page-template-services .case_banner {
    padding-top: 54px !important;
  }
  .tech_app_icon_box {
    width: 220px;
  }
  .videoBanner:after {
    top: 87px;
    display: none;
  }
  .client_video-img {
    flex-basis: 50%;
  }
  .client_Video_slider_inner_box {
    gap: 30px;
    align-items: flex-start;
  }
  .client_video-content h3 {
    font-size: 22px;
    font-weight: 600;
  }
  .compnyFaqTitle {
    padding: 44px 0 24px;
  }
  .compnyFaqTitle h1 {
    font-size: 44px;
  }
  .Bacancyhendler figure {
    height: 284px;
  }
  .Bacancyhendler figcaption button {
    font-size: 14px;
    margin-bottom: 10px;
  }
  .Bacancyhendler figcaption h3 {
    font-size: 18px;
    margin: 0;
  }
  .compnyFaqAboutWrap {
    flex-direction: column;
  }
  .compnyFaqAboutWrap figcaption {
    padding: 15px 0 60px;
    text-align: center;
  }
  .compnyFaq_Team_slider .owl-nav {
    padding: 0;
    left: 0;
    right: 0;
    bottom: 40px;
  }
  .compnyFaqAboutWrap figure {
    flex: 1;
    max-width: 100%;
  }
  .RatingValue figure img {
    height: auto;
    width: auto;
    max-height: 30px;
  }
  .case_banner.videoBanner {
    padding: 124px 0 36px;
    height: auto;
  }
  .videoBanner .container {
    position: initial;
    transform: translate(0);
  }
  .videoBanner .col-lg-6.text-center.text-md-start {
    text-align: center !important;
  }
  .meetTeam {
    margin-bottom: 24px;
  }
  .letter-section {
    min-height: 100vh;
    max-height: 100%;
    height: auto;
    padding: 15px 0;
  }
  .fixedglossarytab {
    top: 154px;
  }
  .left_tab ul.nav-tabs li:has(.nav-link.active) {
    background: 0 0;
  }
  .testimonial_octal .nav-link.active .testi_img img {
    border: 2px solid #f76b1d !important;
  }
  .toggle_Nav,
  .toggle_Nav:after,
  .toggle_Nav:before {
    background: #333;
    height: 3px;
    border-radius: 10px;
  }
  .cost-estimation:not(.guest-user-popup .cost-estimation) {
    padding: 64px 0 124px;
  }
  .toggle_Nav {
    width: 22px;
    display: inline-block;
    position: relative;
    transition: 0.3s;
  }
  .toggle_Nav:after {
    content: "";
    position: absolute;
    top: -10px;
    width: 30px;
    left: 0;
    transition: 0.3s;
  }
  .toggle_Nav:before {
    content: "";
    position: absolute;
    bottom: -10px;
    width: 30px;
    left: 0;
  }
  .nav_btn-close img {
    max-height: 16px;
    filter: brightness(100);
  }
  .offcanvas-lg.offcanvas-start.side_nav_canvas {
    transform: translateX(calc(-100% + -40px));
  }
  .awardPage-banner .default_heading,
  .offcanvas-lg.offcanvas-start.side_nav_canvas.show {
    transform: translate(0);
  }
  .nav_btn-close {
    position: absolute;
    right: -36px;
    background: linear-gradient(45deg, #1954b2, #2ea0bb) !important;
    display: inline-block !important;
    width: 36px !important;
    height: 40px !important;
    top: 10px;
    border-radius: 0 8px 8px 0;
  }
  .artificial_intelligence .Lets_AI {
    display: inline-block;
    font-size: 18px;
    position: relative;
    top: 6px;
  }
  .Lets_AI span {
    padding: 4px 18px;
    background: linear-gradient(45deg, #d5e0ff, #fbc2ff);
    border-radius: 5px;
    font-size: 16px;
  }
  .social_img {
    margin: 0;
    width: 36px;
    height: 36px;
  }
  .social_content {
    padding-left: 15;
  }
  .middle_Header {
    padding-top: 10px;
    padding-bottom: 10px;
  }
  .single .default_heading {
    padding: 0 !important;
  }
  .mobile_nav_item .nav-info-figure {
    background-image: url("../images/common/nav_sprite_mobile.png");
    width: 32px;
    height: 32px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 5px;
    border-radius: 4px;
    background-color: #fff;
    border: 1px solid #ebebeb;
    flex-shrink: 0;
    margin-right: 10px;
  }
  .mobile_Leadership_icon {
    background-position: 0 -34px;
  }
  .mobile_Infrastructure_icon {
    background-position: 0 -65px;
  }
  .mobile_Awards_Icon {
    background-position: 0 -98px;
  }
  .mobile_Career_icon {
    background-position: 0 -131px;
  }
  .mobile_Testimonials_icon {
    background-position: 0 -162px;
  }
  .mobile_Partnership_icon {
    background-position: 0 -193px;
  }
  .mobile_Alliances_icon {
    background-position: 0 -223px;
  }
  .mobile_Artificial_Intelligence {
    background-position: -32px 0;
  }
  .mobile_Cloud_Technologies {
    background-position: -32px -33px;
  }
  .mobile_App_Development {
    background-position: -32px -66px;
  }
  .mobile_Software_Development {
    background-position: -32px -98px;
  }
  .mobile_Data_Services {
    background-position: -32px -131px;
  }
  .mobile_App_Modernization {
    background-position: -32px -164px;
  }
  .mobile_Staff_Augmentation {
    background-position: -32px -197px;
  }
  .mobile_On_Demand {
    background-position: -32px -226px;
  }
  .mobile_LogisticsTransportation {
    background-position: -65px -253px;
  }
  .mobile_Healthcare {
    background-position: -65px -287px;
  }
  .mobile_Real_Estate {
    background-position: -65px -317px;
  }
  .mobile_Banking {
    background-position: -65px -350px;
  }
  .mobile_Education {
    background-position: -65px -382px;
  }
  .mobile_Media_Entertainment {
    background-position: -65px -414px;
  }
  .mobile_Retail_Ecommerce {
    background-position: -65px -446px;
  }
  .mobile_Hospitality {
    background-position: -65px -477px;
  }
  .mobile_Case_Study {
    background-position: -97px -252px;
  }
  .mobile_Our_Portfolio {
    background-position: -97px -284px;
  }
  .mobile_Blogs {
    background-position: -97px -316px;
  }
  .mobile_FAQs {
    background-position: -97px -348px;
  }
  .mobile_Events {
    background-position: -97px -380px;
  }
  .mobile_Press_Release {
    background-position: -97px -413px;
  }
  .mobile_nav_item {
    padding: 6px 10px;
    color: #000;
    font-weight: 600;
    font-size: 16px;
  }
  .sub-Nav-Inner .mobile_nav_item:after {
    content: "";
    border: none;
    width: 24px;
    height: 24px;
    position: absolute;
    margin: 0;
    right: 6px;
    top: 12px;
  }
  .sub-Nav-Inner .mobile_nav_item {
    position: relative;
    padding-right: 30px;
  }
  .service-link-outer .service-Link-nav {
    font-size: 14px;
    display: flex;
    align-items: center;
    padding: 7px 10px;
    border-bottom: 1px solid #f7e5d5;
    color: #f78f1e;
  }
  .service-link-outer .service-Link-nav .service-link-arrow {
    background-image: url("../images/nav_icon/service-arrowOrange.svg");
    width: 24px;
    height: 24px;
    background-size: 14px;
  }
  .sub-Nav-Inner .mobile_nav_item[aria-expanded="true"]:after {
    transform: rotate(180deg);
  }
  .service-link-outer {
    max-height: 300px;
    overflow-y: auto;
  }
  header #offcanvasExample .nav-toggle_Btn {
    position: absolute;
    background: linear-gradient(45deg, #1954b2, #2ea0bb);
    border-radius: 0 50px 50px 0;
    right: -44px;
    width: 44px;
    height: 44px;
  }
  header #offcanvasExample .nav-toggle_Btn img {
    width: 26px;
    height: auto;
  }
  header .offcanvas-backdrop.show {
    opacity: 0.9;
    background: #060a14;
  }
  .service-link-outer .service-Link-nav .service-link-arrow img {
    max-width: 14px;
  }
  .call_back_modal_style {
    max-width: 554px;
  }
  .call_back_modal_style-col {
    padding: 36px 20px 10px !important;
  }
  .call_back_modal_style .Request-A-Call-wrapper {
    border-radius: 16px;
  }
  .author-octalitsolution #main_content {
    padding-top: 130px;
  }
  .author-octalitsolution .single .default_heading {
    padding: 15px 0 !important;
  }
  .author-octalitsolution .single .default_heading .author_header_img {
    margin: 0 !important;
  }
  .author .single.inner_featured_img .default_heading {
    padding-top: 32px !important;
    padding-bottom: 24px !important;
  }
  .testimonal-banner-section {
    height: 580px;
  }
  .testimonal-banner-section #marquee-slider {
    padding-top: 50px;
  }
  .testimonial_rating_section {
    padding-top: 32px;
  }
  .testimonial_rating_item {
    margin: 5px;
    padding: 10px;
  }
  .testimonial_rating_content strong {
    font-size: 17px;
  }
  .testimonal-banner-section .default_heading {
    transform: translateY(-50%);
  }
  .testimonial_rating_logo {
    max-height: 32px;
  }
  .removeVideoModal {
    right: -21px;
    top: -22px;
  }
  .open_video_modal .video_modal {
    margin: 15px;
  }
  .testimonial_list_cols,
  .videoListOuter {
    margin: 10px;
  }
  .clientInfo figure {
    width: 48px;
    height: 48px;
  }
  .Service_Top_Reasons_conting,
  .testimonial_list_colsInner {
    padding: 10px;
  }
  .hire_content .ser_banner .outer {
    justify-content: start !important;
  }
  #guest_user_form .modal-dialog {
    max-width: 720px;
  }
  .guest_Form_right,
  .key-features .container {
    margin-top: 0;
  }
  .partner_logos_left {
    padding: 0;
    flex: 1;
    width: 100%;
  }
  .partner_form_outer {
    padding: 15px;
    flex-direction: column-reverse;
    margin-top: -120px;
  }
  .left_hold_on {
    max-width: 100%;
    padding: 10px 0 0 24px;
  }
  .left_hold_on hgroup .Hold_On_title {
    color: #000;
  }
  .guest_user_listing_point_stype li,
  .left_hold_on hgroup p {
    color: #333;
  }
  .guest_user_form_blockUP {
    padding-bottom: 100px;
  }
  .partner_logos_left ul li {
    flex: 0 0 33.333%;
    max-width: 33.333%;
  }
  .case-study-new-section .case-study-new-banner {
    height: 640px;
  }
  .case-study-new-banner img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: left;
  }
  .right_fixing,
  .right_sideFix {
    right: 0;
  }
  .Challenge_solution_left {
    flex: 0 0 300px;
    max-width: 300px;
  }
  .Success_Metrics_even_cols figure {
    height: 284px;
    margin: auto;
  }
  .Success_Metrics_even_cols figcaption {
    padding: 0 15px 15px;
  }
  .case_study_feature li {
    padding: 6px 20px;
    font-size: 14px;
  }
  .bussiness_tag_shape {
    margin: 0 -10px;
  }
  .award_cta_caption {
    padding-right: 15px;
  }
  .awardPage-banner {
    height: 500px;
  }
  .banner-image {
    height: 100%;
  }
  .banner-image img {
    height: 100%;
    object-fit: cover;
    object-position: center;
  }
  .award-img {
    height: 164px;
  }
  .about_the_studie h2 {
    font-size: 18px;
    margin-bottom: 24px;
  }
  .case_studies_page_new_list_block {
    height: 380px;
    margin-right: 15px;
    flex: 0 0 140px;
    max-width: 140px;
  }
  .Video_Streaming_tag,
  .case_studies_page_new_list_two_col .case_studies_detail_link {
    font-size: 14px !important;
    margin: 5px 0;
  }
  .case_studies_page_new_list_two_col .on_hover_view_data {
    bottom: 0;
  }
  .case_studies_detail_link {
    right: 15px;
    padding: 10px 18px;
  }
  .case_studies_page_new_list_block.on-active-view .case_studies_detail_link {
    bottom: 15px;
  }
  .on_hover_view_data {
    width: 350px;
  }
  .on_hover_view_data .brand_name figure {
    width: 52px;
    height: 52px;
  }
  .Video_Streaming_tag {
    font-size: 13px;
    padding: 8px 15px;
  }
  .case_studies_water_mark {
    font-size: 116px;
  }
  .case_studies_page_banner {
    height: 520px;
  }
  .test_contact_form .wpcf7-not-valid-tip {
    font-size: 13px;
  }
  .Business_Model_left_content {
    padding: 0 0 24px;
  }
  .feature_valueStyleCols {
    padding: 30px 15px;
  }
  .page-mobile-app-development .team_slider_portfolio2 .owl-stage-outer {
    border: none;
  }
  .service_portfolio_slider .item {
    border-radius: 24px;
    overflow: hidden;
  }
  .service_portfolio_slider {
    margin-bottom: 36px;
  }
  .android-service-tabs {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 10px;
  }
  .android-service-tabs .nav-link {
    background: #ffffff21;
    margin: 0;
    padding: 10px 15px;
    font-size: 14px;
  }
  .android-service-tabs li {
    margin: 2px;
  }
  .mobile_partner_section .tech-tabs {
    flex-wrap: nowrap;
    overflow-x: auto;
    padding-bottom: 5px;
    justify-content: start !important;
    height: 60px;
  }
  .tech-card p {
    padding-left: 10px;
    font-size: 16px;
    text-align: right;
  }
  .Security_Compliance .compliance-tabs .nav-link {
    min-width: 180px;
    font-size: 16px;
    padding: 10px 20px;
  }
  .compliance-item h3 {
    font-size: 16px !important;
  }
  .listicle-hero .default_heading,
  .logmatesec-banner_section {
    padding-top: 0;
  }
  .listicle-hero img {
    min-height: 380px;
  }
  .logmate_sec-brand_wrapper figure img {
    max-height: 60px;
    max-width: 90px;
  }
  .next-generation-row {
    align-items: start;
  }
  .logmate_flow img {
    max-height: 180px;
  }
  .features-grid,
  .impact-grid {
    grid-template-columns: repeat(2, 1fr);
  }
  .comparison-table table {
    min-width: 700px;
  }
  .logamte-chart-img {
    padding-top: 30px;
  }
  .why-choose-wrapper {
    margin-top: -250px;
    padding-bottom: 50px;
    padding-top: 150px;
  }
  .why-choose-wrapper .section-header {
    margin-bottom: 50px;
  }
  .why-choose-grid {
    gap: 10px;
  }
  .why-choose-card {
    padding: 16px;
  }
  section.listicle-hero {
    padding: 50px 0 24px;
  }
  .logmatebanner_content figcaption h1 span {
    font-size: 36px;
    font-weight: 800;
  }
}
@media screen and (max-width: 767px) {
  .Security_Compliance .compliance-grid,
  .tech-grid {
    grid-template-columns: repeat(2, 1fr);
  }
  .hdr_table,
  .mobile-tab,
  .verticalTabs {
    overflow-x: auto;
  }
  .enquiry_modal .contact_sec {
    padding: 50px 0 13px;
  }
  .portfolio_list_wrapper .web .overlay .img2 {
    margin: 0 -110px;
    max-width: 220px;
  }
  .portfolio_list_wrapper .web .overlay img {
    max-width: 210px;
  }
  .ppcBanner_two .caption h1 {
    font-size: 30px;
  }
  .tech_partner ul li .bg-white {
    padding: 15px;
    min-height: 154px;
  }
  .about_pic {
    max-width: 290px;
    margin: 0 auto 24px;
  }
  .delivey_achive .achive_graff-main {
    flex: 0 0 50%;
    max-width: calc(50% - 20px);
    margin: 10px;
    padding: 15px;
  }
  .case_banner .check_list,
  .delivey_achive .col-md-6 {
    display: flex;
    flex-wrap: wrap;
  }
  .role-basec-sec .nav-tabs .nav-item button {
    padding: 14px 15px;
    font-size: 14px;
    white-space: nowrap;
  }
  .advance_feature,
  .hire_content,
  .life_banner,
  .role-basec-sec .tab-content {
    padding-top: 30px;
  }
  .country_box,
  .role-basec-sec .bg-vector,
  .vertical_tab2 .nav-tabs {
    margin-bottom: 20px;
  }
  .Business_Model_list li figcaption h3,
  .comparison-table thead th,
  .empower .outer h3,
  .header_counter h3,
  .portfolio_banner h3,
  .ser_banner .outer h3,
  .ser_banner .outer p,
  .services_project h4,
  .what_we_do #counter li h3 {
    font-size: 18px;
  }
  #portfolio_mobilescroll,
  .CS-bannerContent,
  .RecommendTag,
  .case_studies_page_new_list_row,
  .cost-estimation-subscribe,
  .events_Detail_Team .vision_block,
  .next-generation-row,
  .tech_tabs .nav-tabs {
    display: block;
  }
  .robust_tech .tab-content {
    margin-top: 15px;
    padding: 20px;
  }
  #counter li h3,
  .application-content p,
  .btn_outline,
  .btn_primary,
  .testimonal-banner-section .default_heading p,
  li,
  p {
    font-size: 16px;
  }
  .banner_main .caption .h1 br,
  .bussinessTagContent a:after,
  .bussinessTagContent a:before,
  .case_studies_page_banner .default_heading h1.page-title br,
  .config_point:after,
  .cost-estimation-testimonial hgroup h2 br,
  .cost-estimation-testimonial:before,
  .faqMedia,
  .logsec-brand_section:after,
  .market_leader-media,
  .portfolio_slider .owl-nav,
  .slider-container,
  .test_contact_form .selected span.custom_country_name,
  .verticalTabs .nav-tabs .nav-item:before,
  .verticalTabs .nav-tabs .nav-link img,
  .verticalTabs .nav-tabs:before {
    display: none;
  }
  .blog_detail_title_part h1.page-title,
  .case_about h3,
  .octal_gallery_banner h1 {
    font-size: 28px;
  }
  .life_banner h1,
  .what_we_do #counter li span {
    font-size: 40px;
  }
  .contact-content h2,
  .life_banner h2,
  .meetTeam h2 {
    font-size: 25px;
  }
  .life_banner_img {
    margin-top: 10px;
  }
  .octal_life_content,
  .portfolio_list_wrapper {
    padding: 40px 0;
  }
  .octal_life_content figcaption h3 a {
    padding-left: 15px;
    font-size: 18px;
  }
  .achieve,
  .alliance,
  .banner_main,
  .benefits,
  .blog,
  .clients,
  .contact_sec,
  .cta,
  .development_process,
  .faq,
  .hiring_model,
  .impact-section,
  .industry,
  .inner_content,
  .innovation,
  .our_history,
  .our_tech,
  .process,
  .project_support,
  .prot_inner_data,
  .service_section,
  .services_project,
  .skill_developer,
  .techStart,
  .testimonial_octal,
  .use_case,
  .vertical_tab2,
  .whitePaperBannerInner,
  .why_hire,
  footer {
    padding: 30px 0;
  }
  .process_circle ul li::before {
    margin-left: -11px;
  }
  .icon_list li {
    width: 50%;
  }
  .process_circle ul li {
    width: 33.33%;
  }
  .vertical_tab2 {
    background: #fff9f9;
  }
  .HighProfile figcaption .market_leader_Action,
  .android-service-tabs,
  .case_banner .check_list,
  .home_tab_panel .nav-tabs {
    justify-content: center;
  }
  .hdr_table table {
    width: 750px;
  }
  .application-content h2,
  .portfolio_banner h2,
  .section_heading h2 {
    font-size: 26px;
  }
  .Challenge_solution_right,
  .portfolio_caption_wrap,
  .scale_tab_panel .models_content {
    padding-left: 0;
  }
  .portfolio_list_wrapper .page_heading h1 {
    font-weight: 600;
    font-size: 26px;
  }
  .portfolio_grid h3 a {
    font-size: 20px;
    font-weight: 600;
  }
  .development_process .outer p,
  .logmate_flow,
  .main-heading,
  .portfolio_caption .banner_icon img,
  .service_ctg,
  .team-row,
  .testimonal-banner-section .default_heading p {
    margin: 0;
  }
  .award_bg {
    padding: 30px 20px;
  }
  .award_bg h2 {
    font-size: 30px;
    margin-bottom: 20px;
  }
  .box_wrapper .award_logo {
    font-size: 20px;
    width: 50%;
    padding: 20px;
  }
  .faqSection-wrapper,
  .inner_content {
    padding: 50px 0;
  }
  #counter li,
  .border_wrap .outer,
  .careerPageModal .modal-body,
  .left_tab .nav-tabs .nav-link {
    padding: 15px;
  }
  .comparison-table thead td,
  .comparison-table thead th,
  .cost-estimation-main,
  .feature-card,
  .summary,
  .testimonial_text {
    padding: 20px;
  }
  .case-study-banner-caption h1,
  .case_studies_page_banner .default_heading h1.page-title,
  .default_heading h1,
  .logmate-section-title {
    font-size: 32px;
  }
  .numbers .fancy_title {
    font-size: 40px;
    line-height: 40px;
  }
  .project_process ul li {
    width: calc(33.33% - 10px);
  }
  .space_right {
    border-radius: 0 30px 0 0;
  }
  .our_achieve .box img {
    max-width: 120px;
  }
  .our_achieve .box {
    padding: 15px;
    border-radius: 10px;
    background-size: 60px;
  }
  .empower .outer .icon img {
    max-height: 50px;
  }
  .advance_feature .nav-pills .nav-link,
  .app_management .nav-pills .nav-link {
    font-size: 14px;
    padding: 10px;
  }
  .advance_feature .tab-content ul li {
    padding-left: 26px;
    padding-bottom: 10px;
    font-size: 16px;
    background-size: 15px;
  }
  .business-mudels_tabs .nav-item {
    flex: 0 0 33.333%;
    max-width: 33.333%;
  }
  .hiring_model .box h3 span {
    font-size: 20px;
    padding: 12px;
  }
  .hiring_model .box h3 {
    font-size: 18px;
    padding: 12px 0 12px 58px;
  }
  .case_about .box.border-end {
    border: 0 !important;
  }
  .case_banner img {
    max-height: 300px;
    margin: 10px auto 0;
    display: block;
  }
  .service_growth {
    margin-right: 0;
    border-radius: 20px 20px 0 0;
    padding: 30px;
  }
  .numbers h6 {
    padding: 0 10px;
  }
  .RatingValue ul,
  .Service_Top_Reasons_conting,
  .listicle_featured_head,
  .numbers {
    flex-wrap: wrap;
  }
  .fancy_title {
    width: 100%;
    text-align: center;
    margin-bottom: 20px;
  }
  .verticalTabs .nav-tabs {
    width: 1050px;
    margin-bottom: 20px;
    background-color: #f0f0f0;
  }
  .verticalTabs .nav-tabs .nav-item.show .nav-link,
  .verticalTabs .nav-tabs .nav-link.active {
    border: 1px solid #fb8006;
    background: #fb8006;
    color: #fff;
    border-radius: 0;
  }
  .verticalTabs .nav-tabs .nav-link {
    padding: 12px;
    font-size: 15px;
    font-weight: 500;
    border-radius: 0;
  }
  .case_about {
    padding: 30px 15px;
    margin: 0;
    border-radius: 0;
  }
  .case_about .bg-orange h2.underline:before {
    top: 0;
    left: -49px;
    font-size: 80px;
    width: 330px;
    line-height: 0;
  }
  .prot_inner_data {
    background-image: none !important;
  }
  .pro_last {
    background-color: #f5fdf1;
  }
  .prot_inner_data.pro_fst {
    background-color: #effafe;
  }
  .prot_inner_data.pro_mid {
    background-color: #f5f5f5;
  }
  .protfolio_main_data {
    max-width: 500px;
  }
  .protfolio_main_data strong {
    margin-top: 0;
    font-size: 30px;
  }
  .pro_last .protfolio_main_data img {
    margin: 0 auto;
  }
  .single_testimonial {
    padding: 30px 0 100px;
  }
  .process span {
    left: 12px;
    right: auto;
  }
  .process_box {
    padding: 25px 25px 25px 75px;
    word-break: break-all;
  }
  .pro_last .protfolio_main_data {
    margin-left: 0;
    max-width: 100%;
    text-align: center;
    padding-top: 0;
  }
  .team .protfolio_main_data {
    padding-top: 0;
  }
  .testi_img img {
    width: 70px;
    height: 70px;
    border-radius: 100%;
    border: 2px solid transparent;
  }
  .dropdown_inner h3 {
    font-size: 20px;
    line-height: 30px;
  }
  .banner_main .caption .h1 {
    font-size: 28px;
    margin-bottom: 12px;
  }
  #counter li p,
  .How_We_Transformed_left p,
  .Infrastructure_ouetr .case-study-hgroup p,
  .Infrastructure_ouetr .case-study-hgroup ul li,
  .Job_description ul li,
  .Next_Set_right_list_caption p,
  .banner_head p,
  .banner_main .caption p,
  .case-Secured p,
  .case-achieved p,
  .case-study-hgroup p,
  .comparison-table .badge,
  .contact-content p,
  .feature-desc,
  .feature_valueStyleCols h3 span,
  .innovation_heading p,
  .logmate-section-subtitle,
  .section_heading p,
  .service_In_article p,
  .videoBannerContant p {
    font-size: 14px;
  }
  #counter li span {
    line-height: 50px;
    font-size: 35px;
  }
  .part_brand {
    padding: 10px 20px;
    min-height: 80px;
  }
  .project_support .icon {
    width: 55px;
    margin: 0 auto 10px;
  }
  .project_support .icon + div {
    width: 100%;
    padding: 0;
  }
  .clutch_wrap .box {
    padding: 20px;
    border-radius: 12px;
    margin-bottom: 15px;
    height: auto;
  }
  .ios_development .verticalTabs,
  .octal_contact_grid,
  .tech_tabs {
    margin-bottom: 0;
  }
  .service_ctg ul li {
    flex: 0 0 33.33%;
    max-width: 33.33%;
  }
  .service_ctg ul li a {
    border: 0;
    padding: 20px 15px;
  }
  .tabs_shape {
    width: 90px;
    height: 78px;
  }
  .models-icon img {
    max-width: 40px;
  }
  .empower {
    background-attachment: scroll;
  }
  .tech_tabs {
    border-radius: 0;
  }
  .mobile-tab {
    overflow-y: hidden;
    padding-bottom: 10px;
  }
  .role-basec-sec .nav-tabs,
  .tech_tabs .nav-tabs {
    border-radius: 61px;
    justify-content: flex-start;
    flex-wrap: nowrap;
    display: flex;
  }
  .robust_tech .nav-link {
    white-space: nowrap;
    font-size: 16px;
    padding: 5px 10px;
  }
  .robust_tech .nav-link,
  .tech_tabs .nav-tabs .nav-link.active,
  .tech_tabs .nav-tabs .nav-link:focus {
    border: 0;
  }
  .adv_tabs .nav-tabs .nav-link span {
    width: 25px;
    height: 25px;
  }
  .adv_tabs .nav-tabs .nav-item:first-child:before,
  .adv_tabs .nav-tabs:after {
    top: 14px;
  }
  .contact-exert {
    padding: 30px 0;
    background-position: left;
  }
  .application-btn span img {
    max-height: 24px;
  }
  .application-content {
    padding-top: 20px;
  }
  .inner_box {
    margin-bottom: 30px;
  }
  .application {
    margin: 30px 0;
    padding: 32px 0;
  }
  .application-btn {
    font-size: 16px;
    padding: 8px 15px;
  }
  .careerPageModal .modal-body h4,
  .feature_valueStyleCols h3,
  .main-heading,
  .meetTeam .sec_text,
  .service_portfolio_slider h3 {
    font-size: 20px;
  }
  .guest-user-popup .partner-list {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center;
    gap: 15px;
  }
  .guest-user-popup .partner-list li {
    width: 70px;
    height: 70px;
  }
  .guest-user-popup .modal-header {
    flex-direction: column;
    border: none;
    padding: 15px 20px;
  }
  .octal_Hire_Dedicated_For_Project .nav.nav-tabs {
    width: 480px;
  }
  .octal_Hire_Dedicated_For_serve .nav.nav-tabs {
    width: 680px;
  }
  .case_banner .check_list li {
    padding: 6px 15px;
    background: #ffffff1f;
    margin-right: 5px;
    border-radius: 6px;
    font-size: 14px;
  }
  .CS-bannerTitle {
    max-width: 100%;
    text-align: center;
    padding-right: 0;
  }
  .CS-bannerImg {
    max-width: 350px;
    margin-top: 30px;
    margin-left: auto;
    margin-right: auto;
  }
  .Android_Cost_Breakdown,
  .Android_Service_section,
  .Service_Top_Reasons_conting_section,
  .android-services-section,
  .caseStudiePage,
  .custome_android_app,
  .get-cost-estimation,
  .listicle_Development_Process,
  .listicle_article,
  .listicle_article-ios-development,
  .listicle_featured_Benefits_Choosing,
  .listicle_featured_iOS_development,
  .mobile_partner_section {
    padding: 44px 0;
  }
  .caseStudieListContent {
    flex: 1;
    max-width: 100%;
    padding-right: 24px;
  }
  .caseStudieListRow {
    display: block;
    border-radius: 24px;
    padding: 24px 0 24px 24px;
    margin-bottom: 44px;
  }
  .cost-estimation-form input[type="email"],
  .listingMediaOuter {
    max-width: 100%;
  }
  .caseStudieListRow:nth-child(2n) {
    padding: 24px 24px 24px 0;
    border-radius: 20px;
  }
  .caseStudieListRow:nth-child(2n) .caseStudieListContent {
    padding-left: 24px;
    padding-right: 0;
  }
  .web-cost-section {
    display: block;
    border-radius: 0 36px;
  }
  .webcost-h-group {
    padding: 15px 0 0;
  }
  .pricingSelctHead button {
    font-size: 14px;
    min-width: 90px;
    padding: 8px 10px;
  }
  .select-web-tech ul li {
    flex: 0 0 50%;
    max-width: calc(50% - 20px);
    margin: 10px;
  }
  .market_leader {
    flex-direction: column;
    padding: 24px 15px;
  }
  .country_box,
  .market_leader-h-group,
  .meetTeamContent {
    padding: 0;
  }
  .compnyFaqWithGentalman,
  .next-generation-section,
  .team-page-market-leader {
    padding: 32px 0;
  }
  .get-cost-estimation h2 {
    font-size: 24px;
    margin-bottom: 15px;
  }
  .cost-estimation-testimonial {
    display: block;
    padding: 36px 22px;
  }
  .cost-estimation-testimonial hgroup {
    max-width: 100%;
    margin-bottom: 20px;
  }
  .team-col,
  .testimonialCols {
    margin-bottom: 15px;
  }
  .Business_Model_section,
  .Service_achievement_marks_section,
  .Service_testimonial_section,
  .cost-estimation-faq-section,
  .flexible_engagement,
  .logmatebanner_content figcaption,
  .service_page_features_section,
  .trusted_by_section {
    padding: 36px 0;
  }
  .cost-estimation-testimonial .owl-dots {
    max-width: 100%;
    margin: auto;
    position: relative;
    top: 14px;
    text-align: center;
  }
  .bannerContent h1 {
    font-size: 35px;
  }
  .meetTeam {
    margin: 20px 0 30px;
  }
  .teamMember {
    width: 132px;
    height: 164px;
    flex: 0 0 132px;
    margin: 10px;
  }
  .next-generation-row figure,
  .teamMember img {
    width: 100%;
  }
  .vision_block {
    display: flex;
    box-shadow: 0 0 16px rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    overflow: hidden;
    margin: 10px 0;
  }
  .teamContentBox {
    margin: 0;
    padding: 15px;
    filter: none;
    border-radius: 0;
  }
  .teamContentBox .sec_text {
    font-size: 14px !important;
    font-weight: 400 !important;
    margin-bottom: 5px;
  }
  .compliance-item h3,
  .vision_text {
    font-size: 16px !important;
  }
  .description {
    font-size: 14px !important;
  }
  .aboutForElearning h3 {
    font-size: 22px;
  }
  .ApplyheaderLeft h3,
  .config_point strong,
  .listicle-hero .listicle-hero-title {
    font-size: 24px;
  }
  .ApplyheaderLeft ul li {
    font-size: 14px;
    padding-right: 12px;
  }
  .Jobtag {
    padding: 6px 15px;
    font-size: 13px;
  }
  .ApplyheaderLeft {
    padding-right: 10px;
  }
  .careerPageModal .modal-header {
    padding: 15px;
    border-radius: 15px 15px 0 0;
    justify-content: space-between;
  }
  .careerPageModal .modal-content {
    border-radius: 15px;
  }
  .portfolioContentRow {
    flex-direction: column-reverse;
    padding-bottom: 0;
  }
  .portfolioContent,
  .portfolioIMGSlider {
    max-width: 100%;
    text-align: center;
    padding: 0;
  }
  .banner_main,
  .portfolioContent {
    padding-top: 40px;
  }
  .portfolioIMGSlider .owl-dots .owl-dot {
    width: 24px;
  }
  .portfolio_slider .item figure {
    padding: 0 24px 10px 0;
  }
  .blog-page-post-search-form {
    padding: 2rem 0 0;
  }
  .Challenge_solution,
  .HighProfile,
  .How_We_Transformed,
  .bussiness_Choose_Quality,
  .events_Detail_Team .mt-0.team-row,
  .testimonial_list_wrap {
    flex-direction: column;
  }
  .events_Detail_Team .team-col {
    flex: 1;
    max-width: 100%;
    width: 100%;
    padding: 0 15px;
  }
  .events_Detail_Team .teamMember {
    flex: 0 0 100px;
    margin-left: 0;
  }
  .videoBannerContant {
    text-align: center;
    transform: translateY(-20%);
  }
  .videoBannerContant h1 {
    font-size: 36px;
  }
  .HighProfile figure {
    flex: 0 0 164px;
    max-width: 164px;
  }
  .menuIcon ul,
  .menuToggle {
    position: relative;
    justify-content: center;
    display: flex;
  }
  .HighProfile figcaption {
    text-align: center;
    padding: 15px 0 0;
  }
  .Bacancyhendler figure {
    height: auto;
  }
  .compnyFaqBacancy h2 {
    font-size: 28px;
    margin-bottom: 20px;
  }
  .RatingValue ul li {
    padding: 10px 15px;
  }
  .menuToggle {
    width: 60px;
    height: 60px;
    background-color: #ff8c29;
    border-radius: 70px;
    cursor: pointer;
    align-items: center;
    box-shadow: 0 15px 25px rgba(0, 0, 0, 0.15);
  }
  .menuToggle::before {
    content: "+";
    position: absolute;
    font-size: 2.8em;
    font-weight: 550;
    color: #fff;
    transition: 1.5s;
  }
  .coccoc-alo-ph-img-circle {
    background: #2963cd;
  }
  .menuIcon,
  .menuIcon::before {
    background: #fff;
    position: absolute;
  }
  .menuToggle.active::before {
    transform: rotate(315deg);
  }
  .menuIcon {
    width: 30px;
    height: 30px;
    border-radius: 70px;
    z-index: -1;
    transition:
      transform 0.5s 1s,
      width 0.5s 0.5s,
      height 0.5s 0.5s;
    transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
  }
  .menuToggle.active ~ .menuIcon {
    width: 220px;
    height: 68px;
    z-index: 1;
    transform: translateY(-80px);
    transition-delay: 0s, 0.5s, 0.5s;
    box-shadow: 0 15px 25px rgba(0, 0, 0, 0.1);
  }
  .menuIcon::before {
    content: "";
    width: 16px;
    height: 16px;
    left: calc(50% - 8px);
    bottom: 4px;
    transform: rotate(45deg);
    border-radius: 2px;
    transition: 0.5s;
  }
  .menuToggle.active ~ .menuIcon::before {
    transition-delay: 0.5s;
    bottom: -6px;
  }
  .menuIcon ul {
    align-items: center;
    height: 68px;
    gap: 23px;
  }
  .menuIcon ul li {
    list-style: none;
    cursor: pointer;
    opacity: 0;
    visibility: hidden;
    transform: translateY(-30px);
    transition: 0.25s;
    transition-delay: calc(0s + var(--i));
  }
  .menuToggle.active ~ .menuIcon ul li {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
    transition-delay: calc(0.75s + var(--i));
  }
  .menuIcon ul li a {
    display: block;
    font-size: 2.2em;
  }
  .navigation {
    z-index: 99;
    display: flex;
    justify-content: center;
    align-items: center;
    position: fixed;
    bottom: 10px;
    right: 0;
    left: 0;
  }
  .bussinessTagContent p {
    text-align: left;
    margin-bottom: 0 !important;
  }
  .bussinessTagContent {
    text-align: center;
    display: block;
  }
  .themeArrowBtn {
    padding: 10px 50px 10px 20px;
  }
  .themeArrowBtn span {
    width: 32px;
    height: 32px;
    background-position: -235px -205px;
  }
  .bussinessTagContent a span {
    padding: 5px 15px;
    font-size: 14px;
  }
  .clickHereLink {
    color: #fd8417;
    font-weight: 600;
    margin-left: 4px;
    vertical-align: middle;
    padding-top: 4px;
  }
  .connect-with-us {
    padding: 44px 0 28px;
  }
  .clickHere_Link {
    color: #fff;
    font-weight: 700;
    position: relative;
    top: 3px;
  }
  .clickHere_Link:hover {
    color: #f89329;
  }
  .blog_breadcrumb nav {
    background: 0 0;
    padding-top: 20px;
  }
  .blog-top-section {
    padding: 0 0 24px;
  }
  .service_In_article {
    margin: 14px 0;
  }
  .Request-A-Call-wrapper .wpcf7-response-output {
    position: inherit;
  }
  .config_point,
  .ppc_config_outer {
    padding: 10px;
  }
  .config_point p {
    margin: 0;
    font-size: 14px;
  }
  .ppc_config_section {
    margin-top: -92px;
    position: relative;
  }
  .social_connect_wrapper_left {
    flex: 1;
    margin-right: 0;
  }
  .case_banner .img-flag {
    display: inline-block;
    vertical-align: middle;
    margin: 0;
    max-height: inherit;
  }
  .Technology_Powers_accordian .accordion-item,
  .case-Secured img,
  .listicle_featured_head figure,
  .listicle_featured_head h3 {
    margin-bottom: 10px;
  }
  .testimonal-banner-section {
    height: 600px;
  }
  .testimonial_rating_item {
    flex: 0 0 50%;
    max-width: calc(50% - 10px);
  }
  .testimonial_rating_section {
    flex-wrap: wrap;
    padding-top: 20px;
  }
  .testimonial_list_grid.center_grid {
    order: 1;
    padding-top: 0;
  }
  .page-testimonials .inner_content {
    padding: 28px 0 !important;
  }
  .middle_Header {
    min-height: 58px;
  }
  .mobile_device_wrap {
    min-width: 164px;
    min-height: 30px;
  }
  .about_project .ser_banner .outer {
    font-family: Arial, Helvetica, sans-serif !important;
  }
  .bussinessTagContent a {
    text-decoration: underline;
    position: relative;
    top: 0;
  }
  .left_hold_on {
    padding: 20px 0 0;
  }
  .partner_logos_left {
    margin-top: 15px;
  }
  .case-Secured img {
    max-width: 116px;
  }
  .case-Secured {
    padding: 5px;
  }
  .left_fixing {
    top: 20px;
    left: -10px;
  }
  .right_fixing {
    bottom: 30px;
  }
  .right_sideFix {
    top: 0;
    right: 0;
  }
  .bussiness_tag_shape li {
    padding: 6px 20px;
    font-size: 14px;
  }
  .How_We_Transformed_left {
    margin-right: 0;
    margin-bottom: 20px;
    padding: 18px;
    max-width: 100%;
  }
  .outcomePic {
    max-width: 330px;
    margin: auto !important;
  }
  .Challenge_solution_left {
    flex: 0 0 100%;
    max-width: 100%;
    margin-bottom: 20px;
    width: 100%;
  }
  .Next_Set_right {
    margin-top: 20px;
    max-height: initial;
  }
  .Infrastructure_figure {
    margin: 15px 0 0;
  }
  .Success_Metrics_even_cols figure {
    max-width: 216px;
  }
  .bussiness_Choose_Quality h3 {
    padding: 10px 0;
    text-align: center;
  }
  .working_process_case_study_col {
    flex: 0 0 50%;
    max-width: calc(50% - 10px);
    margin: 5px;
  }
  .award-box-main-outer {
    margin: 0 0 32px;
    height: calc(100% - 32px);
  }
  .award-box,
  .award-box_outer {
    border-radius: 12px;
  }
  .call_back_modal_style .Request-A-Call-wrapper {
    padding: 0 !important;
  }
  .on_hover_view_data .brand_name figure img {
    max-height: 30px;
  }
  .case_studies_page_new_list_two_col_row {
    flex-direction: column;
    margin: 0;
  }
  .case_studies_page_new_list_two_col {
    margin: 0 0 15px;
    max-width: 100%;
  }
  .case_studies_page_new_list_two_col .on_hover_view_data {
    bottom: 0;
  }
  .case_studies_page_new_list_block {
    margin: 0 0 15px;
    height: 124px;
    max-width: 100%;
  }
  .case_studies_page_new_list_block.on-active-view {
    height: 360px;
  }
  .case_studies_post_banner img {
    object-position: right top;
  }
  .on_hover_view_data {
    width: 450px;
  }
  .case_studies_water_mark {
    font-size: 84px;
  }
  .case_studies_page_banner {
    height: 424px;
  }
  .test_contact_form .country_code_box .country-select .selected {
    width: 100px !important;
    max-width: 100px !important;
  }
  .test_contact_form .wpcf7-not-valid-tip {
    font-size: 1rem;
  }
  .trusted_by_brands li a img {
    max-width: 94px;
    max-height: 32px;
  }
  .Service_achievement_marks_section .achievement_marks_grid {
    flex: 0 0 50%;
    max-width: calc(50% - 16px);
  }
  .feature_valueStyleCols {
    padding: 15px;
    margin: 5px;
  }
  .feature_valueStyleCols p {
    font-size: 14px;
    margin: 0;
  }
  .Service_Top_Reasons_conting .Top_Reasons_conting_cols {
    flex: 0 0 50%;
    max-width: calc(50% - 10px);
    border: 1px solid #ffffff3d;
    margin: 5px;
  }
  .Service_Top_Reasons_conting .Top_Reasons_conting_cols:last-child {
    border: 1px solid #ffffff3d;
  }
  .team_slider_portfolio2 .col-lg-6 {
    padding: 0 15px;
  }
  .services_project {
    padding-bottom: 54px;
  }
  .service_portfolio_slider {
    margin-bottom: 16px;
  }
  .android-service-tabs .nav-link {
    text-align: center;
    height: 100%;
  }
  .android-service-tabs li {
    max-width: calc(33.333% - 4px);
  }
  .impact-grid,
  .tech-grid {
    gap: 10px;
  }
  .Security_Compliance .compliance-item:nth-child(3n),
  .Security_Compliance .compliance-item:nth-last-child(-n + 3) {
    border-right: 1px solid rgba(255, 255, 255, 0.2);
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  }
  .ApexTech_feature_cols {
    width: 100%;
    margin-right: 0;
  }
  .listicle-hero {
    min-height: 280px;
  }
  .listicle-hero img {
    height: 350px;
    max-width: initial;
  }
  .logsec-brand_section .container {
    margin-top: 0;
  }
  .logsec-brand_section {
    padding: 32px 0 0;
  }
  .logmate_work_process,
  .logmatesec-banner_section {
    padding: 24px 0;
  }
  .next-generation-left {
    padding-right: 0;
  }
  .logmate_banner_action_btn .logmate_white_btn {
    margin: 10px 0 0;
    min-width: 190px;
    padding: 9px 20px;
  }
  .logmatebanner_content figure {
    padding: 12px;
    border-radius: 12px;
  }
  .logmate_process_card {
    max-width: 230px;
    margin: 0;
  }
  .logmate_flow img {
    max-height: 130px;
  }
  .logmate-section-header {
    margin-bottom: 40px;
  }
  .feature-icon {
    width: 40px;
    height: 40px;
    border-radius: 10px;
  }
  .feature-icon img {
    max-width: 18px;
  }
  .cta-banner {
    padding: 50px 16px;
  }
  .cta-title {
    font-size: 20px;
    line-height: 1.4;
  }
  .cta-sub-wrapper {
    flex-direction: column;
    gap: 8px;
  }
  .cta-subtitle {
    white-space: normal;
    text-align: center;
  }
  .comparison-table tbody td {
    padding: 20px;
    font-size: 14px;
    white-space: nowrap;
  }
  .faqSection-grid {
    grid-template-columns: 1fr;
    margin-bottom: 20px;
  }
  .faq-accordion-header .accordion-button {
    font-size: 16px;
    gap: 10px;
  }
  .faq-accordion-header .accordion-button::after {
    width: 30px;
    height: 30px;
    background-size: 14px;
  }
  .get-started-section {
    padding: 25px 16px;
  }
  .get-started-content {
    flex-wrap: wrap;
    row-gap: 10px;
    justify-content: center;
    align-items: center;
  }
  .get-started-content p {
    font-size: 18px;
    text-align: center;
  }
  .case_studie_tab_design .nav-link {
    font-size: 13px;
    padding: 6px 10px;
    margin: 0 8px 8px 0;
  }
  section.listicle-hero {
    padding: 50px 0 24px;
  }

.social_connect_wrapper {
    flex-direction: column;
    align-items: start;
}


}
@media screen and (max-width: 575px) {
  .Lets_AI span,
  .bussinessTagContent .clickHere_Link {
    font-family: Arial, Helvetica, sans-serif;
  }
  .theme_footer {
    padding-bottom: 54px !important;
  }
  .contact_info h6,
  .contact_info p,
  .process_circle ul li div,
  .social_content h3,
  li,
  p {
    font-size: 15px;
  }
  .blog-page-post-category-list ul li a,
  .feedback p,
  .logmate-section-subtitle,
  .select-web-tech ul li h4,
  .social_content p,
  .testimonial_text h4,
  .whitePaperBanner p,
  .why-choose-wrapper .section-subtitle,
  .working_process_case_study_caption p {
    font-size: 14px;
  }
  header .logo img {
    max-height: initial;
    max-width: 136px;
  }
  .middle_Header .col-4.col-md-6 {
    width: auto;
    flex: 0 0 auto;
  }
  .middle_Header .col-8.col-md-6 {
    flex: 0 0 auto;
    width: auto;
  }
  .middle_Header .row {
    justify-content: space-between;
  }
  .adv_tabs .nav-tabs .nav-item:first-child:before,
  .adv_tabs .nav-tabs .nav-link span,
  .adv_tabs .nav-tabs:after,
  .case_about .bg-orange h2.underline:before,
  .contact_now span,
  .logmate_flow,
  .newThemeBody .theme_footer .country_code_box .selected .custom_country_name,
  .ocean,
  .socialTabHeader .headerSocial:after,
  .summary,
  .teamMember:after {
    display: none;
  }
  .socialTabHeader .headerSocial {
    margin: 0 2px;
  }
  .testimonialCols p {
    padding: 15px 0;
  }
  #menu button,
  .portfolio_list_wrapper .box a {
    margin-top: 10px;
  }
  #menu button {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 0 !important;
    margin-left: 5px !important;
  }
  .content_img,
  .empower .outer p,
  .hire_content .content_img,
  .icon_list li,
  .partner_logos_left,
  .portfolio_grid figure img,
  .techStart ul li,
  .whitepaper_wrap figure,
  .why_hire .content_img {
    width: 100%;
  }
  .about_text,
  .guest_user_listing_point_stype li,
  .label_list li {
    margin-bottom: 12px;
  }
  .label_list,
  .notify {
    margin-bottom: 20px;
  }
  .ResumesendAt,
  .compnyFaqTitle p,
  .guest-user-popup .modal-text,
  .label_slider .box .card-title,
  .working_process_case_study_caption h3 {
    font-size: 18px;
  }
  .label_slider .box .icon {
    width: 60px;
    height: 60px;
  }
  .humberger {
    width: 28px;
    margin-left: 10px;
  }
  .mobile_enquiry .btn_primary {
    font-size: 14px;
    padding: 8px 14px;
  }
  .left_hold_on hgroup p,
  .market_leader-h-group p,
  .modal_main_title p,
  .receivingLabel label,
  .ser_banner .outer h3,
  .tab-content .tab-pane div,
  .what_we_do #counter li h3 {
    font-size: 16px;
  }
  #back-to-top,
  .right_fix_btn {
    display: none !important;
  }
  header #offcanvasExample {
    width: 290px;
  }
  header .navbar .mobile_btn {
    left: 0;
    padding: 10px 20px;
  }
  iframe#launcher {
    bottom: 0 !important;
  }
  .CS-bannerTitle h1,
  .awardPage-banner .default_heading .page-title,
  .cost-estimation-testimonial hgroup h2,
  .left_hold_on hgroup .Hold_On_title,
  .ppcBanner_two .caption h1,
  .why-choose-wrapper .section-title {
    font-size: 24px;
  }
  .tab_scroll2 {
    overflow-x: auto;
    overflow-y: hidden;
    padding-bottom: 10px;
  }
  .adv_tabs .nav-tabs .nav-link,
  .pricingSelctHead button {
    white-space: nowrap;
  }
  .tab_scroll2 .nav-tabs {
    border-radius: 61px;
    justify-content: flex-start;
    flex-wrap: nowrap;
    display: flex;
  }
  .adv_tabs .tab-content h3,
  .history_slider h3,
  .life_banner h2,
  .logmate-section-title,
  .market_leader-h-group h2,
  .robust_tech h3,
  .role-basec-sec .role-list h2 {
    font-size: 20px;
  }
  .tech_partner ul li {
    width: 50%;
  }
  .bussiness_info_list {
    align-items: center;
  }
  .notification h5 {
    font-size: 16px;
    width: 100%;
    padding: 10px 0 0;
    margin-bottom: 0;
  }
  .notify_bg img {
    border-radius: 0;
    max-width: 80px;
  }
  .config_point,
  .notify,
  .web-cost-section {
    text-align: center;
  }
  #main_content .ppc_new_banner,
  #menu button,
  .bussinessTag,
  .testimonial_text {
    padding: 0;
  }
  .ppc_new_banner .banner_caption {
    top: 0;
    transform: translateY(0);
    height: 100%;
    width: 100%;
    margin: 0;
    padding: 30px 0;
    background-color: rgb(0 0 0 / 60%);
    max-width: 100%;
    text-align: center;
  }
  .octal_gallery_banner h1 {
    font-size: 24px;
    text-align: center;
  }
  .blog_detail_title_part h1.page-title,
  .life_banner h1 {
    font-size: 28px;
  }
  .life_banner h1 span {
    -webkit-text-stroke-width: 0.5px;
    margin-right: 10px;
  }
  .alliance,
  .blog,
  .case_about,
  .comparison-section,
  .contact_sec,
  .cta,
  .industry,
  .inner_content,
  .innovation,
  .octal_life_content,
  .portfolio_list_wrapper,
  .project_result,
  .project_support,
  .service_section,
  .testimonial_octal,
  footer {
    padding: 30px 0;
  }
  .coccoc-alo-phone {
    height: 100px;
  }
  .contact_now {
    bottom: 0;
    left: 0;
  }
  .process_circle ul li {
    width: 50%;
    padding: 0 10px;
  }
  .process_circle ul li::before {
    width: 50px;
    height: 50px;
    font-size: 15px;
    left: 50%;
    margin-left: -25px;
    top: -12px;
    background-size: cover;
  }
  .footer_left .rating {
    max-width: 150px;
    padding-left: 15px;
  }
  .footer_logo img {
    max-width: 190px;
  }
  .cmi img,
  .market_leader-media {
    max-width: 150px;
  }
  .social a + a {
    margin-left: 3px;
  }
  .banner_main {
    background: #222;
  }
  .about_project h6 span,
  .application-content h2,
  .innovation_heading h2,
  .meetTeam h2,
  .portfolio_call_to h4,
  .portfolio_list_wrapper .page_heading h1,
  .section_heading h2,
  .tab_bg h3 {
    font-size: 22px;
  }
  .part_brand {
    padding: 10px 4px;
    min-height: 60px;
  }
  .service_ctg figcaption p {
    font-size: 14px;
    font-weight: 500;
  }
  .filter .nav-tabs .nav-link {
    font-size: 16px;
    padding: 10px 18px;
    margin: 0;
  }
  .main_testimonial .outer,
  .portfolio_list .tab-pane .web,
  .teamContentBox,
  .testimonial_video_cols {
    padding: 15px;
  }
  .LogoIcon {
    justify-content: center;
    padding-left: 0;
  }
  .location .col-sm-6 {
    max-width: 50%;
  }
  .portfolio_grid {
    margin-bottom: 28px;
  }
  .development_process .outer .icon,
  .tab_wrap,
  .verticalTabs .nav-tabs {
    margin-bottom: 10px;
  }
  .portfolio_talk_to:after {
    content: "";
    background: #0000006b;
    position: absolute;
    top: 0;
    bottom: 0;
    width: 100%;
    left: 0;
    right: 0;
  }
  .portfolio_call_to {
    position: relative;
    z-index: 2;
  }
  .role-basec-sec .nav-tabs,
  .tech_tabs .nav-tabs {
    border: 0;
  }
  .adv_tabs .text-center img {
    max-height: 200px;
    margin: 0 auto 10px;
  }
  .border_wrap .outer {
    padding: 10px;
  }
  .inner_featured_img img {
    min-height: 120px;
  }
  .How_We_Transformed_left h3,
  .Infrastructure_ouetr .case-study-hgroup h3,
  .case-study-hgroup h2,
  .case_study_CTA h2,
  .default_heading h1 {
    font-size: 26px;
  }
  .default_heading h1:after {
    height: 3px;
  }
  .about_workLife .development_process .outer .icon,
  .development_process .outer .icon {
    padding: 10px;
    border-radius: 6px;
    width: 45px;
    height: 45px;
  }
  .clutch_wrap {
    padding: 10px 15px 20px;
  }
  .clutch {
    padding: 30px 0 12px;
  }
  .service_growth {
    padding: 30px 15px 10px;
  }
  .space_right {
    border-radius: 20px 20px 0 0;
    margin-right: 0;
  }
  .employee_slider .owl-stage .owl-item:nth-child(odd) .item {
    margin-top: 0;
  }
  .do_best_box {
    margin-top: -40px;
  }
  .empower .outer {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
  }
  .empower .icon {
    width: 70px;
  }
  .empower .outer h3 {
    font-size: 17px;
    width: calc(100% - 70px);
  }
  .about_project h6 {
    padding: 10px 7px;
  }
  .case_banner img,
  .hire_content .content_img,
  .skill_developer .content_img,
  .why_hire .content_img {
    max-height: 250px;
    width: auto;
  }
  .benefits .left_list {
    margin-bottom: 20px;
    padding: 20px;
    border-radius: 15px;
  }
  .use_case .box {
    padding: 12px;
  }
  .development_process .outer {
    display: flex;
    padding: 15px;
    align-items: center;
    flex-wrap: wrap;
  }
  .development_process .outer span {
    font-size: 50px;
    line-height: 20px;
    right: 10px;
  }
  .development_process .outer h4 {
    font-size: 17px;
    margin-left: 12px;
  }
  .numbers h6 {
    width: 50%;
    margin-bottom: 15px;
    font-weight: 400;
  }
  .wrap_testi {
    padding: 30px 20px 0;
  }
  .case_about .bg-orange h4 {
    font-weight: 600;
    font-size: 20px;
  }
  .bannerContent h1,
  .case_banner h1,
  .guest-user-popup .modal-title {
    font-size: 25px;
  }
  .case_about h3 {
    font-size: 22px;
    margin-bottom: 15px;
  }
  .case_about .bg-orange img {
    max-width: 70px;
  }
  .industry_mobile .shadow {
    max-width: 145px;
    margin: 0 auto;
  }
  .case_about .bg-orange h4 span {
    font-size: 45px;
    line-height: 40px;
  }
  .copyright a,
  .copyright p,
  .link {
    word-break: break-all;
  }
  .left_tab .nav-tabs .nav-link {
    padding: 5px;
  }
  .custome_android_accordion .accordion-button,
  .impact-card,
  .tab_wrap {
    padding: 20px;
  }
  .feedback p {
    line-height: 22px;
  }
  #main_content {
    padding-top: 108px !important;
  }
  header {
    padding: 10px 0;
  }
  .copyright {
    padding: 10px 0 0;
  }
  .cmi img {
    width: auto;
  }
  .service_ctg ul li a figure {
    height: auto;
  }
  .owl-nav {
    margin-top: 15px;
  }
  .blog_slider .box .date {
    font-size: 15px;
    font-weight: 600;
  }
  .service_ctg ul li a {
    border: 0;
    padding: 12px 15px;
  }
  .service_ctg ul li a figure img {
    max-height: 45px;
    width: auto;
  }
  .location {
    border-bottom: 0;
    margin: 0;
  }
  .owl-nav .owl-prev span {
    background-position: 0 -609px;
    width: 60px;
    height: 60px;
    font-size: 0;
  }
  .owl-nav .owl-next span {
    background-position: -72px -609px;
    width: 60px;
    height: 60px;
    font-size: 0;
  }
  .clutch_slider button[type="button"] {
    margin: 0 10px !important;
    display: block;
  }
  .clutch_slider button {
    padding: 0 10px;
  }
  .main_team_block,
  .service_section.technology_sec {
    padding-bottom: 30px;
  }
  .part_brand img {
    max-height: 45px;
  }
  .award_CTA_section h2,
  .innovation_heading {
    margin-bottom: 18px;
  }
  .clients {
    background-position: left top;
  }
  .contact_sec .form-control {
    height: auto;
    padding: 8px 12px;
  }
  .project_result span {
    font-size: 39px;
    line-height: 46px;
    background: linear-gradient(139.28deg, #b023af 0, #045ef3 104.32%);
    width: 60px;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
    border-radius: 10px;
    margin-bottom: 10px;
  }
  .project_result div img {
    max-height: 400px;
  }
  .testi_client_img {
    margin: 15px 0 -60px;
  }
  .we_process ul {
    flex-direction: column;
    gap: 0;
    position: relative;
  }
  .countNumber {
    margin: 0 10px 0 0;
  }
  .we_process ul li {
    display: flex;
    align-items: center;
    margin: 10px 0;
  }
  .case_banner img,
  .get-cost-estimation-outer
    .col-sm-6.col-lg-4:last-child
    .get-cost-estimation-list,
  .marquee-slider-rating strong,
  .we_process,
  .we_process ul h2 {
    margin: 0;
  }
  .we_process ul:before {
    content: "";
    width: 2px;
    height: calc(100% - 20px);
    position: absolute;
    left: 24px;
    background: 0 0;
    border-left: 2px dashed #fb8006;
    top: 10px;
  }
  .We_quility ul {
    display: block;
    gap: 0;
  }
  .We_quility ul li {
    margin: 10px;
    display: flex;
    align-items: center;
    padding: 10px;
  }
  .We_quility ul li span {
    position: initial;
    transform: translate(0);
    margin-right: 9px;
  }
  .We_quility {
    padding-top: 10px;
  }
  .contact-btn {
    font-size: 16px;
    padding: 10px 20px;
  }
  .guest-user-popup .modal-header {
    flex-direction: column;
    border: none;
    justify-content: flex-start;
    align-items: flex-start;
  }
  .guest-user-popup .btn-close {
    top: -7px;
    right: -10px;
  }
  .development_process .outer h3 {
    padding-left: 12px;
  }
  .moreinfo-arrow {
    width: 40px;
    height: 40px;
  }
  .case-study-box figcaption {
    padding: 30px 72px 10px;
  }
  .octal_We_offer .service_ctg ul li a figure {
    height: 84px;
  }
  .hire_web_developers_list li {
    width: 33.333%;
  }
  .listingMediaOuter {
    padding: 16px 16px 0;
  }
  .mediaShape {
    border-radius: 24px 0;
  }
  .caseStudieListRow:nth-child(2n) .mediaShape {
    border-radius: 0 24px;
  }
  .CS-bannerImg {
    height: 300px;
    border-radius: 0 32px;
  }
  .cost-estimation-main {
    margin-top: -50px;
  }
  .web-cost-media {
    margin: auto;
  }
  .pricingSelctHead {
    overflow-x: auto;
    flex-wrap: nowrap;
    padding: 2px 10px;
  }
  .select-web-tech ul {
    margin: 0 -5px;
  }
  .select-web-tech ul li {
    margin: 5px;
    max-width: calc(50% - 10px);
    padding: 20px 10px;
    border-radius: 10px;
  }
  .market_leader_Action {
    flex-wrap: wrap;
  }
  .market_leader_Action .btn {
    margin: 0 5px;
    min-width: 130px;
  }
  .team-page-marketLeader {
    padding: 0 24px;
  }
  .testimonialCols {
    border-radius: 36px 0;
  }
  .cost-estimation {
    padding: 36px 0 50px;
  }
  .get-cost-estimation-list {
    margin-bottom: 15px;
  }
  .Business_Model_list > ul > li:last-child,
  .case_studies_page_banner .default_heading p.pb-4,
  .team-col {
    margin-bottom: 0;
  }
  .meetTeamContent {
    padding: 0 15px;
  }
  .vision_block {
    overflow: hidden;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    margin: 15px 0;
    display: flex;
  }
  .award_CTA_section h2 small,
  .careerPageModal .modal-header,
  .config_point,
  .feature_valueStyle,
  .main_testimonial_modal .modal-body .summary,
  .videoBannerContant p.text-white {
    display: block;
  }
  .teamMember {
    width: 100px;
    height: 120px;
    flex: 0 0 100px;
    border: 2px solid #ff9030;
    border-bottom: 6px solid #ff9030;
  }
  .progress-bar li span {
    width: 32px;
    height: 32px;
  }
  .multi-step-form .progress-bar {
    max-width: 340px;
    margin: 24px auto;
  }
  .careerPageModal .modal-dialog,
  .portfolioBG {
    max-width: 100%;
  }
  .JobtagOuter {
    margin: 10px 0 0;
  }
  .uploadWrap > div {
    min-width: calc(100% - 40px);
  }
  .portfolioContent h1 {
    font-size: 24px;
    margin-bottom: 10px;
  }
  .portfolioContentSection {
    padding: 36px 0 15px;
  }
  .blog-page-post-category-list ul {
    grid-template-columns: repeat(2, 1fr);
    grid-column-gap: 2rem;
  }
  .wp-block-search__inside-wrapper .wp-block-search__input {
    padding: 1rem 7rem 1rem 0;
  }
  .portfolioBG {
    border-radius: 10px;
  }
  .bussinessTagContent p,
  .section-header p {
    font-size: 13px;
  }
  .videoBannerContant {
    width: 100%;
    left: 0;
    padding: 0 15px;
  }
  .client_Video_slider_inner_box {
    flex-direction: column;
    gap: 20px;
  }
  .client_video-img {
    flex-basis: 100%;
    width: 100%;
  }
  .client_video_section .testimonial_video_user {
    width: 50px !important;
    height: 50px;
  }
  .blog_category_section .nav-link {
    padding: 10px 16px;
  }
  .RatingValue ul li {
    padding: 10px 15px;
  }
  .RatingValue figure img {
    height: auto;
    max-height: 24px;
    max-width: 104px;
  }
  .compnyFaqTitle h1 {
    font-size: 32px;
  }
  .compnyFaqTitle,
  .logmate_work_outer {
    padding: 24px 0;
  }
  .compnyFaq {
    min-height: 300px;
  }
  .compnyFaqAbout,
  .compnyFaqBacancy {
    padding: 32px 0;
  }
  .cost-estimation:not(.guest-user-popup .cost-estimation) {
    padding: 54px 0 64px;
  }
  .blog_breadcrumb nav {
    background: 0 0;
    padding-top: 20px;
  }
  .blog-top-section {
    padding: 0 0 24px;
  }
  .author-octalitsolution .single .default_heading .author_header_img {
    display: block !important;
    text-align: center;
  }
  .author-octalitsolution
    .single
    .default_heading
    .author_header_img
    .page-title {
    margin: 0;
    padding: 15px 0 !important;
  }
  .ppc_config_section {
    margin-top: -76px;
  }
  .Client_vedio_section {
    padding-top: 32px;
  }
  .config_point strong {
    margin: 0;
    font-size: 20px;
  }
  .ppc_config_outer {
    align-items: start;
  }
  .config_point p {
    font-size: 12px;
  }
  .info-overlay {
    padding: 15px;
    font-size: 14px;
  }
  .testimonal-banner-section .default_heading a {
    margin: 0;
    font-size: 14px;
  }
  .testimonal-banner-section .marquee-slider-item img {
    min-height: inherit !important;
  }
  .testimonal-banner-section #marquee-slider {
    padding-top: 30px;
  }
  .testimonal-banner-section .default_heading {
    bottom: auto;
    top: 50%;
    transform: translateY(-50%);
  }
  .testimonal-banner-section .default_heading a.themeArrowBtn img {
    min-height: inherit;
  }
  .testimonial-rating-block span img {
    min-height: initial;
  }
  .testimonial_rating_logo {
    min-height: initial !important;
  }
  .main_testimonial figure {
    width: 64px;
    height: 64px;
    flex-shrink: 0;
    margin-top: 20px;
  }
  .mobile_device_wrap {
    min-width: initial;
    min-height: 24px;
  }
  .bussinessTagContent .clickHere_Link {
    min-width: 68px;
    min-height: 16px;
  }
  .hire_content_detailSH p {
    font-size: 14px !important;
  }
  .hire_content .ser_banner .outer {
    flex-direction: column;
    text-align: center;
  }
  .about_project .ser_banner .outer img {
    height: 36px;
    width: 36px;
  }
  .bussinessTag .container,
  .container.middle_Header {
    padding-left: 10px;
    padding-right: 10px;
  }
  .modal_main_title .FREE_Consultation_title {
    font-size: 24px;
    padding-right: 20px;
  }
  .left_hold_on {
    padding: 15px 0 0;
  }
  .partner_logos_left ul li {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .guest_user_form_style {
    border-radius: 12px;
  }
  .guest_user_form_style .btn-close {
    top: -5px;
    right: -3px;
  }
  .Next_Set_right_list {
    padding: 15px 15px 10px 56px;
  }
  .Next_Set_right_list_count {
    width: 36px;
    height: 36px;
    font-size: 18px;
    left: 10px;
  }
  .Client_Success_cols {
    margin-bottom: 10px;
    height: auto;
  }
  .page-template-case-study-new section {
    padding: 36px 0;
  }
  .app_Store_link a img {
    max-height: 44px;
  }
  .working_process_case_study_count {
    font-size: 70px;
  }
  .working_process_case_study_caption {
    margin-top: -38px;
  }
  .working_process_case_study_col {
    padding: 10px;
    border-radius: 10px;
  }
  .awardPage-cols {
    padding: 40px 0;
  }
  .award-box-main-outer {
    max-width: 360px;
    margin-left: auto;
    margin-right: auto;
  }
  .award_CTA_section {
    flex-direction: column;
    padding: 24px;
    border-radius: 16px;
    margin-bottom: 40px;
  }
  .award_cta_caption {
    padding: 0 0 20px;
    text-align: center;
  }
  .awardPage-banner .default_heading {
    transform: translate(0);
    bottom: 40px;
    top: auto;
  }
  .testimonal-banner-section {
    height: 540px;
  }
  .case_studies_page_banner {
    height: 400px;
  }
  .case_studies_water_mark {
    font-size: 68px;
  }
  .Service_testimonial_list_grid .owl-nav span,
  .service_page_new_features .owl-nav span,
  .team_slider_portfolio2 .owl-nav span {
    background-position: center;
  }
  .feature_valueStyleCols {
    margin: 15px;
  }
  .page-mobile-app-development .team_slider_portfolio2 .owl-nav {
    bottom: -60px;
  }
  .Service_testimonial_list_grid .owl-nav button,
  .service_page_new_features .owl-nav button,
  .team_slider_portfolio2 .owl-nav button {
    margin: 0 !important;
  }
  .custome_android_accordion .accordion-body {
    padding: 0 20px 20px;
  }
  .our_tech .home_tech li {
    width: calc(33.333% - 10px);
  }
  .logmate_work_process {
    display: block;
    padding: 0;
  }
  .logmate_process_card {
    max-width: 100%;
    margin-bottom: 20px;
  }
  .logmate_howit_work {
    padding: 36px 0 24px;
  }
  .features-grid,
  .impact-grid,
  .why-choose-grid {
    grid-template-columns: 1fr;
  }
  .cta-banner {
    padding: 30px 10px;
  }
  .comparison-table {
    border-radius: 20px;
  }
  .section-header h2 {
    font-size: 22px;
    line-height: 1.4;
  }
  .why-choose-card {
    padding: 16px;
  }
  .why-choose-wrapper {
    margin-top: -170px;
    padding-bottom: 50px;
    padding-top: 130px;
  }
  section.listicle-hero {
    padding: 36px 0 20px;
  }
  .octal_contact_grid {
    flex: 0 0 100%;
    max-width: 100%;
    margin-bottom: 0;
  }
}
@media screen and (max-width: 479px) {
  .Security_Compliance .compliance-grid,
  .tech-grid {
    grid-template-columns: repeat(1, 1fr);
  }
  .social-img,
  .themeArrowBtn span {
    width: 28px;
    height: 28px;
  }
  .portfolio_list_wrapper .web .overlay .img2 {
    margin: 0 -110px;
    max-width: 180px;
  }
  .portfolio_list_wrapper .web .overlay img {
    max-width: 180px;
  }
  .Android_Cost_Breakdown .accordion-button,
  .bussiness_article strong,
  .hire_content_detailSH h2,
  .social_content h6 {
    font-size: 16px;
  }
  .adv_tabs .tab-content h3,
  .robust_tech h3,
  .role-basec-sec .role-list h2 {
    margin-bottom: 10px;
    font-size: 18px;
  }
  .w-50 {
    width: 100% !important;
  }
  .footer_left {
    justify-content: center;
    display: flex;
    flex-wrap: wrap;
  }
  .footer_left .rating {
    max-width: 100%;
    padding-left: 0;
  }
  .footer_left .social_mail_outer {
    flex: initial;
  }
  .footer_logo img {
    max-width: 220px;
  }
  .ser_banner .outer p span {
    font-size: 12px;
  }
  .ser_banner .outer p {
    font-size: 15px;
  }
  .what_we_do #counter li span {
    font-size: 30px;
  }
  .Service_achievement_marks_section .achievement_marks_cols h3,
  .case_studies_page_new_list_two_col .case_studies_detail_link,
  .elearningGetInTouch .form-check label,
  .elearningGetInTouch p,
  .ser_banner .outer h3,
  .testimonal-banner-section .default_heading p,
  .what_we_do #counter li h3 {
    font-size: 14px;
  }
  .tabs_shape {
    width: 70px;
    height: 58px;
  }
  .models-icon img {
    max-width: 28px;
  }
  .business-mudels_tabs .nav-link,
  .test_contact_form .wpcf7-not-valid-tip {
    font-size: 13px;
  }
  .business-mudels_tabs:before {
    top: 60px;
  }
  .our_tech .home_tech li,
  .project_process ul li {
    width: calc(50% - 10px);
  }
  .space_right {
    border-radius: 20px 20px 0 0;
    margin: 0;
  }
  .ser_banner .outer {
    border: none;
    background: #33439f;
    height: 100px;
    border-radius: 10px;
    padding: 10px;
    gap: 10px;
  }
  .about_project .ser_banner .outer {
    background: 0 0;
    padding: 0;
    height: auto;
    justify-content: start;
  }
  .hire_web_developers_list li {
    width: 50%;
  }
  .Android_Cost_Breakdown .section-title,
  .Android_Service_content h3,
  .bannerContent h1 {
    font-size: 20px;
  }
  .bannerContent {
    top: 50%;
    transform: translateY(-50%);
  }
  .compnyFaqWrapper,
  .meetTeamContent {
    padding: 0 15px;
  }
  .meetTeam {
    margin: 20px 0 10px;
  }
  .RatingValue li a strong,
  .android-service-content h4,
  .custome_android_accordion .accordion-button,
  .meetTeam .sec_text,
  .testimonal-banner-section .default_heading h1 {
    font-size: 18px;
  }
  .connect-btn .social-text {
    font-size: 12px !important;
  }
  .connect-btn a {
    padding-right: 10px;
    gap: 5px;
    width: auto;
  }
  .social-img {
    flex-shrink: 0;
  }
  .RatingValue li a span img,
  .social-img img {
    width: 16px;
  }
  .teamMember {
    width: 84px;
    height: 94px;
    flex: 0 0 84px;
    border-radius: 4px;
    margin-right: 0;
  }
  .description {
    font-size: 13px !important;
    line-height: 1.4;
  }
  .aboutForElearning .application-btn {
    margin: 6px 0;
    min-width: 200px;
    justify-content: center;
  }
  .aboutForElearning,
  .guest-user-form {
    padding: 15px;
  }
  .elearningGetInTouch {
    border: 15px solid #fff;
    padding: 15px;
  }
  .select-web-tech ul li figure,
  .select-web-tech ul li h4 br,
  .videoBannerContant p.text-white {
    display: none;
  }
  .select-web-tech ul li:has(input:checked) {
    border: 1px solid #f78f1e !important;
  }
  .select-web-tech ul li {
    padding-left: 30px;
  }
  .select-web-tech ul li:not(.select-web-tech .select2-results__options li) {
    padding: 12px 40px;
    height: auto;
    flex: 0 0 100%;
    max-width: 100%;
    text-align: left;
    justify-content: center;
    border-radius: 100px;
    margin: 3px 0;
  }
  .select-web-tech ul li .tickIcon {
    left: 5px;
    top: 5px;
    right: auto;
  }
  .videoBannerContant {
    top: calc(50% + 24px);
  }
  .blog_list_box {
    margin-top: 20px;
  }
  .blog_category_section .nav-link {
    padding: 10px 20px;
  }
  .RatingValue figure img {
    max-width: 90px;
    max-height: 19px;
  }
  .RatingValue ul li {
    padding: 10px 5px;
  }
  .case_studies_page_new_main,
  .compnyFaqAccordian {
    padding: 32px 0;
  }
  .ratingFigure {
    margin-left: 6px;
    padding: 4px 8px;
  }
  .select-web-tech
    ul
    li.forTextareashape.forAnyOtherField:not(
      .select-web-tech .select2-results__options li
    ) {
    border: none;
    border-radius: 0;
    text-align: center;
    padding: 15px 0;
    max-width: 100%;
    flex: 0 0 100%;
  }
  .select-web-tech ul li.forTextareashape.forAnyOtherField .searchType {
    background: #f7f7f7;
    text-align: center;
    font-size: 18px;
  }
  .rating_img {
    width: 80px;
    height: 56px;
  }
  .social_rating figcaption {
    flex: 1;
    font-size: 16px;
  }
  .social_connect_wrapper_left {
    flex: 1;
    max-width: 100%;
    margin-right: 0;
  }
  .android-service-content,
  .inquiry_form {
    padding: 20px;
  }
  .inquiry_box {
    padding: 22px 20px 20px;
  }
  .connect-with-us {
    padding: 20px 0 40px;
  }
  .Lets_AI span {
    padding: 8px 10px;
    font-size: 14px;
    min-height: 37px;
    min-width: 120px;
  }
  .author .single.inner_featured_img .default_heading .author_header_img {
    display: block !important;
  }
  .author .single.inner_featured_img .default_heading .octal-writer-text {
    margin: 0 -5px !important;
  }
  .author .single.inner_featured_img .default_heading .author_header_img h2 {
    margin: 15px 0 !important;
  }
  .testimonal-banner-section .default_heading a.themeArrowBtn {
    margin-top: 10px;
    font-size: 13px;
  }
  .marquee-slider-item img {
    width: auto !important;
    max-height: 60px;
    flex-shrink: 0;
    max-width: 80px;
  }
  .testimonal-banner-section .default_heading .page-title {
    font-size: 22px;
  }
  .teamContentBox {
    filter: none;
    padding: 0 0 0 10px;
  }
  .hire_content .about_project.shadow.bg-white {
    box-shadow: none !important;
    padding: 0;
    margin-bottom: 0;
    border-bottom: 1px solid #efefef;
    border-radius: 0;
  }
  .case_banner .check_list li {
    min-width: 224px;
    min-height: 34px;
  }
  .guest_user_form_blockUP {
    padding: 0;
    background: 0 0;
  }
  .modal_main_title .FREE_Consultation_title {
    color: #000;
  }
  .modal_main_title p {
    color: #333;
  }
  .partner_form_outer {
    margin-top: 0;
    padding: 0;
  }
  .modal_main_title {
    margin-bottom: 0;
  }
  .working_process_case_study .owl-dots {
    text-align: center;
    margin-top: 10px;
  }
  .working_process_case_study .owl-dots .owl-dot {
    width: 10px;
    height: 10px;
    display: inline-block;
    background: #684224;
    border-radius: 100px;
    margin: 2px;
  }
  .working_process_case_study .owl-dots .owl-dot.active {
    background: #351a10;
    width: 18px;
  }
  .get-started-content,
  .working_process_case_study {
    flex-direction: column;
  }
  .working_process_case_study_col {
    max-width: 100%;
    width: 100%;
    margin: 5px 0;
  }
  .on_hover_view_data {
    width: 320px;
    padding: 18px;
  }
  .case_studies_page_new_list_block {
    height: 94px;
  }
  .case_studies_page_new_list_block,
  .case_studies_page_new_list_two_col {
    border-radius: 12px;
  }
  .brand_name h3,
  .mini_detail_case_studie h4 {
    font-size: 18px;
    margin-bottom: 10px;
  }
  .mini_detail_case_studie p {
    font-size: 14px;
    margin-bottom: 10px;
  }
  .about_the_studie h2 {
    font-size: 16px;
    margin-bottom: 24px;
  }
  .Service_Top_Reasons_conting .Top_Reasons_conting_cols .trusted_countnumber,
  .case_studies_page_banner .default_heading h1.page-title {
    font-size: 28px;
  }
  .case_studies_water_mark {
    font-size: 58px;
  }
  .trusted_by_brands li a {
    padding: 10px;
    margin: 5px;
  }
  .trusted_by_brands li a img {
    max-width: 64px;
    max-height: 32px;
  }
  .Service_achievement_marks_section .achievement_marks_cols {
    padding: 12px;
  }
  .Service_achievement_marks_section .achievement_marks_cols figure img {
    max-height: 94px;
  }
  .android-services-section .row .row,
  .service_page_new_features .owl-nav {
    margin: 0;
  }
  .Service_testimonial_list_grid .owl-nav button,
  .service_page_new_features .owl-nav button,
  .team_slider_portfolio2 .owl-nav button {
    margin: 0 !important;
  }
  .Business_Model_list li figcaption h3 {
    padding: 10px;
    font-size: 16px;
  }
  .Business_Model_list li figcaption h3 span img {
    max-height: 32px;
  }
  .Service_testimonial_list_grid .owl-nav {
    margin-top: 0;
  }
  .Service_Top_Reasons_conting {
    padding: 10px;
  }
  .partner_cols {
    text-align: center;
    margin: 10px;
  }
  .partner_cols img {
    margin: auto;
  }
  .Android_Service_content h2 {
    font-size: 24px;
  }
  .android-service-tabs li {
    max-width: calc(50% - 4px);
  }
  .custome_android_accordion .icon {
    width: 36px;
    flex-shrink: 0;
  }
  .tech-grid {
    gap: 10px;
  }
  .Security_Compliance .compliance-tabs .nav-link {
    min-width: auto;
    font-size: 14px;
    margin: 4px;
  }
  .Security_Compliance .tab-content {
    margin-top: 15px !important;
  }
  .Android_Cost_Breakdown .cost-table td,
  .Android_Cost_Breakdown .cost-table th {
    font-size: 13px;
    padding: 6px;
  }
  .new_testimonial_box_wrapper {
    grid-template-columns: 1fr;
  }
  .new_testimonial_grid:nth-child(2),
  .new_testimonial_grid:nth-child(5) {
    order: initial;
  }
  .tech_app_icon_box {
    margin-bottom: 5px;
  }
  .date-time-slote-INform {
    flex-direction: column;
    margin: 0;
  }
  .Request-A-Call-wrapper form .mb-3 {
    padding: 0;
  }
  .ApexTech_feature_cols {
    min-width: 100%;
  }
  .get-started-content p {
    padding-right: 0;
  }
  .logmatebanner_content figcaption h1 span {
    font-size: 28px;
    font-weight: 800;
  }
}
@media screen and (max-width: 375px) {
  .bussiness_tag_shape li,
  .case-achieved {
    border-radius: 8px;
  }
  .blogSearchWrap {
    top: 32px;
  }
  header .logo img {
    max-height: initial;
    max-width: 124px;
  }
  .How_We_Transformed_left h3,
  .Infrastructure_ouetr .case-study-hgroup h3,
  .case-study-hgroup h2,
  .case_study_CTA h2,
  .new_Theme_Hgroup h2 {
    font-size: 24px;
  }
  .mobile_nav_item,
  .testimonial_rating_content strong {
    font-size: 15px;
  }
  .mobile_nav_item .nav-info-figure {
    width: 32px;
    height: 32px;
    padding: 4px;
  }
  header #offcanvasExample {
    width: calc(100% - 50px);
  }
  .mobile_btn {
    width: calc(100% - 51px);
    bottom: 0;
    right: 0;
  }
  .testimonal-banner-section {
    height: 540px;
  }
  .testimonial-rating-block {
    padding: 2px 0;
  }
  .testimonial-rating-block span img {
    max-height: 16px;
  }
  .testimonial_rating_logo {
    max-height: 26px;
  }
  .case-study-banner-caption h1,
  .case_studies_page_banner .default_heading h1.page-title {
    font-size: 26px;
  }
  .case-Secured img,
  .case-study-banner-caption h1 br {
    display: none;
  }
  .case-study-new-banner {
    height: 580px;
  }
  .case-Secured {
    backdrop-filter: blur(5px);
    background: #121212c9;
  }
  .case-achieved {
    padding: 10px;
  }
  .case-Secured p {
    font-size: 12px;
    padding: 8px;
  }
  .case-Secured p strong,
  .case-achieved p strong {
    font-size: 18px;
  }
  .left_fixing {
    top: 70px;
    left: 0;
  }
  .right_sideFix {
    top: 70px;
    right: 0;
    border-radius: 10px;
  }
  .How_We_Transformed {
    padding-top: 24px;
  }
  .Challenge_solution,
  .test_contact_form {
    padding: 15px;
  }
  .Next_Set_right_list {
    margin-bottom: 15px;
  }
  .Octals_Role_Making {
    padding: 15px;
    border-radius: 12px;
    margin-bottom: 10px;
    height: auto;
  }
  .Highlights_devide {
    margin-top: 32px;
  }
  .Technology_Powers_accordian .accordion-item button {
    font-size: 16px;
  }
  .app_Store_link a img {
    max-height: 36px;
  }
  .app_Store_link a {
    margin-right: 10px;
  }
  .case_studies_page_banner {
    height: 420px;
  }
  .case_studies_water_mark {
    font-size: 49px;
    bottom: 3px;
  }
  #menu button.btn.toggle_Btn {
    width: 35px;
    height: 36px;
  }
  #menu button.btn.toggle_Btn img {
    max-height: 15px;
  }
  .Lets_AI span {
    font-size: 13px;
    min-width: 110px;
  }
  .middle_Header .col-8.col-md-6 {
    padding: 0 15px 0 5px;
  }
  .partner_cols_row .partner_cols img {
    max-height: 20px;
  }
}