@media (max-width: 1580px) {
  .marketing_home .marketing_sec_inner .image {
    width: 50%;
  }
}
@media (max-width: 1500px) {
  .container {
    max-width: 1440px;
    width: 100%;
  }
  .tame_box::before {
    left: 50%;
    transform: translate(-50%);
  }
}
@media (max-width: 1399px) {
  .tame_box::before {
    left: 50%;
    transform: translate(-50%);
  }
}
@media (max-width: 1280px) {
  .shap_blk {
    margin-top: -50px;
  }
}
@media (max-width: 1200px) {
  .categories {
    width: 250px;
  }
  .blog_item,
  .blog_info_detail {
    width: calc(100% - 270px);
  }
  .navigation_main ul.menu {
    gap: 20px;
  }
  .shap_blk {
    margin-top: -10px;
  }
  .button_more {
    bottom: 0;
  }
  .our_service_sec .tablist {
    justify-content: start !important;
  } /* marketing banner section start */
  .marketing_sec {
    margin-bottom: 50px;
  }
  .marketing_sec.right_img .image {
    width: 500px;
    height: 600px;
  }
  .marketing_sec_img {
    display: flex;
    justify-content: center;
  }
  .marketing_sec_img img {
    width: 450px;
    height: 500px;
  } /* marketing section css end */
  .our_service_sec {
    background-image: url("../images/service-bg.png");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    padding-top: 50px;
    margin-top: 0px;
  }
  .our_service_sec_img img {
    max-width: 100%;
    height: auto;
  }
  .our_testimonial_sec {
    background-image: none;
    background-size: 100%;
    background-color: #f6f6f6;
    background-repeat: no-repeat;
    padding: 50px 0;
    margin-bottom: 50px;
  }
  .our_service_sec_content {
    margin-top: 30px;
  }
  .footer_item {
    gap: 40px;
  }
}
@media (max-width: 1199px) {
  .tame_box::before {
    width: 215px;
    height: 202px;
    top: -89px;
    left: 50%;
    transform: translate(-50%);
  }
}
@media (max-width: 1024px) {
  h1 {
    font-size: 60px;
    line-height: 69px;
    color: #000000;
    font-weight: 400;
  }
  .home_banner .banner_title {
    font-size: 54px;
  }
  h2 {
    font-size: 50px;
    line-height: 60px;
    color: #000000;
    font-weight: 400;
  }
  h3 {
    font-size: 36px;
    line-height: 42px;
    font-weight: 400;
  }
  h4 {
    font-size: 32px;
    line-height: 38px;
    color: #000000;
  }
  h6 {
    font-size: 16px;
    line-height: 20px;
    color: #000000;
    font-weight: 400;
  }
  .navigation_main {
    position: fixed;
    top: 0;
    right: -100%;
    display: block !important;
    max-width: 370px;
    width: 100%;
    height: 100%;
    background: #fff;
    line-height: 40px;
    padding: 20px;
    box-shadow: 0 5px 10px rgb(0 0 0 / 20%);
    transition: all 0.5s ease;
    z-index: 1000;
    overflow: auto;
  }
  .navigation_main ul.menu {
    display: block;
  }
  .bx-menu {
    display: block;
  }
  .navigation_main ul.menu > li > a {
    padding: 0;
  }
  .navigation_main .menu .show .sub-menu {
    display: block;
  }
  .navigation_main ul.menu li.menu-item-has-children.show > .sub-menu {
    padding-top: 0;
    margin-top: 0;
  }
  .navigation_main ul.menu .show .sub-menu li a:before,
  .navigation_main ul.menu .show .sub-menu li a:after,
  .navigation_main ul.menu .show .sub-menu li::after {
    display: none;
  }
  .navigation_main ul.menu .show .sub-menu li a {
    padding: 10px 20px;
    line-height: 25px;
    color: var(--primary-color);
  }
  .navigation_main ul.menu > li {
    border-bottom: 1px solid #eeeeee;
    padding: 0 10px;
  }
  .navigation_main ul.menu > li .sub-menu:after {
    display: none;
  }
  .navigation_main ul.menu > li .sub-menu li a {
    padding: 6px 17px;
  }
  .navigation_main ul.menu > li .sub-menu li::after {
    left: 4px;
  }
  .contact_phone {
    display: none;
  }
  .contact_mobile {
    display: block;
    text-align: center;
    margin-top: 20px;
  }
  .mobile-nav {
    display: block;
  }
  .drop {
    display: flex !important;
    align-items: center;
    justify-content: space-between;
    width: 100%;
  }
  .drop::before {
    display: none !important;
  }
  .bx-x {
    display: block;
    margin-left: auto;
  }
  .advertising {
    display: none;
  }
  .home_banner .col-lg-5,
  .home_banner .col-lg-7 {
    padding: 0 16px;
  }
  .advertising,
  .icon_cancel,
  .dot_icon,
  .icon_plus,
  .yellow_icon_dot {
    display: none;
  }
  .our_service_sec_content {
    margin-top: 0;
  }
  .how-do-it .content-item {
    padding-top: 0;
  }
  .how-do-it::before {
    height: 80px;
  }
  .how-do-it::after {
    top: 80px;
  }
  .how-do-it .how-we-wrap {
    margin-top: 20px;
  }
  .web-images {
    display: none;
  }
  .marketing_sec {
    margin-top: 50px;
  }
  .marketing_sec.right_img .image {
    display: none;
  }
  .marketing_sec_inner .marketing_sec_content {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .laptop-images {
    display: none;
  }
  .how-do-it {
    padding-bottom: 0;
    margin-bottom: 50px;
  }
  .newsletter .content-item h3,
  .newsletter .content-item a {
    font-size: 50px;
    line-height: 60px;
  }
  .footer .copyright {
    flex-direction: column;
    text-align: center;
    gap: 20px;
  }
  .footer .footer-menu {
    margin-bottom: 50px;
  }
  .our_testimonial_inner {
    padding-top: 50px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    column-gap: 32px;
    row-gap: 60px;
  }
  .title::before,
  .title-center::before {
    display: none;
  }
  .img_content_title::before {
    display: none;
  }
  .marketing_sec_content {
    text-align: center;
  }
  .our_service_sec {
    padding-bottom: 60px;
  }
  .title-center {
    text-align: center;
    margin-bottom: 20px;
  }
  .our_service_sec .nav-link img {
    width: 45px;
    height: 45px;
  }
  .our_service_sec .nav-link {
    font-size: 17px;
    line-height: 22px;
  }
  .footer_item {
    padding-bottom: 20px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .footer_line {
    display: none;
  }
  .red_cherry_sec_inner .logo1.icon_box .image {
    padding: 20px;
  }
  .red_cherry_sec_inner .logo2.icon_box .image {
    padding: 20px;
  }
  .red_cherry_sec_inner .logo3.icon_box .image {
    padding: 20px;
  }
  .red_cherry_sec_inner .logo4.icon_box .image {
    padding: 20px;
  }
  .red_cherry_sec_inner .logo5.icon_box .image {
    padding: 20px;
  }
  .red_cherry_sec_inner .logo6.icon_box .image {
    padding: 20px;
  }
  .management_tame_tist {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .development_design_inner {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .development_design .content-title {
    margin-bottom: 30px;
  }
  .client_main {
    grid-template-columns: 100%;
  }
  .client_left_right > div,
  .client_left_side > div {
    flex-direction: column;
    width: 100%;
  }
  .client_main .images-box2,
  .client_main .images-box1 {
    max-width: 100%;
  }
  .port,
  .leptop {
    display: none;
  }
  .our_client_sec {
    background: #f6f6f6;
    margin-top: 50px;
    padding: 50px 16px;
    margin-bottom: 0;
  }
  .web_design_inner {
    grid-template-columns: repeat(2, 1fr);
    row-gap: 40px;
  }
  .web_design_sec {
    padding-top: 100px;
  }
  .categories {
    display: none;
  }
  .blog_item,
  .blog_info_detail {
    width: 100%;
    padding: 0 15px;
  } /* screenshot_sec css start */
  .screenshot_slider .owl-nav .owl-next {
    right: -10px;
  }
  .screenshot_slider .owl-nav .owl-prev {
    left: -10px;
  } /* screenshot_sec css end */
  .what_we_do:nth-child(even) .row {
    flex-direction: column-reverse;
  }
  .what_we_do.image1,
  .what_we_do.image2,
  .what_we_do.image3,
  .what_we_do.image4 {
  }
  .devlopment_steps {
    grid-template-columns: repeat(3, 1fr);
    row-gap: 50px;
  }
  .devlopment_steps .step:nth-child(even) {
    margin-top: 35px;
  }
  .how_we_do_it_sec {
    background-image: none;
    padding-top: 0;
  }
  .how_we_do.right_img .image {
    position: relative;
    transform: none;
  }
  .how_we_do_it .image_contant {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .how_we_do:nth-child(odd) .image_contant {
    flex-direction: column-reverse;
  }
  .how_we_do_it .how_we_do {
    margin-bottom: 50px;
  }
  .how_we_do_it .image_contant .content_title {
    font-size: 40px;
    line-height: 48px;
  }
  .digital_marketing_main {
    background-image: none;
    padding: 0;
  }
  .business_contact_sec .business_contact {
    display: flex;
    flex-direction: column-reverse;
    gap: 50px;
    align-items: center;
  }
  .business_contact_sec {
    margin-bottom: 100px;
  }
  li#menu-item-228::after {
    content: "";
    border: solid black;
    border-width: 0 2px 2px 0;
    display: block;
    padding: 3px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    position: absolute;
    right: 0;
    top: 13px;
  }
  li#menu-item-228 a::after:hover ul.sub-menu {
    display: block !important;
  }
  .navigation_main ul.menu > li.current-menu-item a::after {
    display: none;
  }
  .navigation_main ul.menu > li .sub-menu {
    padding: 10px;
    top: 30px;
    z-index: 9;
  }
  .navigation_main ul.menu > li > a {
    display: inline-block;
  }
}
@media (max-width: 991px) {
  .title {
    justify-content: center;
  }
  .newsletter .content-item {
    margin-bottom: 30px;
    text-align: center;
  }
  .home_banner .banner-content {
    text-align: center;
    order: 2;
  }
  .home_banner .images_box img {
    margin-bottom: 30px;
  }
  .home_banner .banner_btn_grp {
    justify-content: center;
    margin-top: 20px;
  }
  .history-section .images-box {
    margin-bottom: 30px;
  }
  .history-section .content-item {
    text-align: center;
  }
  .history-section .content-item .more-button {
    justify-content: center;
  }
  .history-section .content-item p {
    padding: 0;
    margin-bottom: 20px;
  }
  .how-do-it .how-we-wrap .item-row .box-item:nth-child(even) {
    padding-top: 0;
  }
  .how-do-it .how-we-wrap .item-row .box-item {
    margin-bottom: 30px;
  }
  .how-we-wrap .item-box img {
    width: 167px;
  }
  .newsletter {
    padding: 50px 0;
  }
  .footer {
    padding-top: 50px;
  }
  .footer_item {
    padding-bottom: 20px;
  }
  .img_content_disc {
    padding: 0;
  }
  .shap_blk .explore_more {
    width: 180px;
    height: 180px;
  }
  .shap_blk img {
    width: 100%;
    height: 100%;
  }
  .red_cherry_sec_inner {
    flex-direction: column;
    gap: 30px;
  }
  .red_cherry_sec_inner .logo3,
  .red_cherry_sec_inner .logo6 {
    margin-top: 0;
  }
  .red_cherry_sec_inner .logo1,
  .red_cherry_sec_inner .logo2,
  .red_cherry_sec_inner .logo4 {
    width: 100%;
  }
  .red_cherry_sec_inner .box-1,
  .red_cherry_sec_inner .box-2,
  .red_cherry_sec_inner .box-3,
  .red_cherry_sec_inner .box-4 {
    max-width: 100%;
    width: 100%;
    gap: 30px;
  }
  .red_cherry_sec_inner .icon_box:hover .icon_content {
    display: block;
    width: 100%;
  }
  .red_cherry_sec_inner .icon_box:hover .icon_content .con_img {
    padding-top: 20px;
    padding-bottom: 20px;
    text-align: center;
  }
  .content-title::after {
    display: none;
  }
  .our_testimonials .port,
  .our_testimonials .leptop {
    display: none;
  }
  .our_approach_list {
    gap: 20px;
  }
  .our_approach_list a {
    justify-content: center;
  }
  .our_approach_list a img {
    width: 30px;
  }
  .our_approach_list a span {
    font-size: 20px;
    line-height: 24px;
  }
  .software_inner1,
  .software_inner2,
  .marketing_sec_inner .marketing_inner1,
  .marketing_sec_inner .marketing_inner2 {
    max-width: 1251px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: 100%;
    margin-bottom: 40px;
  }
  .case_studie_banner .banner_content .sub-title {
    padding-left: 0;
    text-align: center;
  }
  .case_studie_banner .banner_content .detail {
    padding-left: 0;
  }
  .case_studie_banner .banner_content {
    text-align: center;
  } /* banner section css start */
  .northfront_financial_banner {
    margin-top: 20px;
    margin-bottom: 50px;
  }
  .northfront_financial_banner .title {
    margin-bottom: 20px;
    text-align: center;
    display: block;
  }
  .northfront_financial_banner .banner-content {
    text-align: center;
    order: 2;
  }
  .northfront_financial_banner .disc {
    padding: 0;
  }
  .northfront_financial_banner .images_box {
    margin-bottom: 30px;
  }
  .northfront_financial_banner .reviewed_by_blk {
    margin-top: 30px;
  }
  .northfront_financial_banner .shap_blk {
    margin-top: 0px;
  }
  .shap_blk img {
    width: auto;
  } /* banner section css end */ /* site section css start */
  .site_sec {
    margin-bottom: 50px;
  }
  .site_image {
    margin-bottom: 30px;
  }
  .site_sec .site_inner .site_link p {
    font-size: 32px;
    line-height: 36px;
  }
  .site_sec .site_inner .site_link .link {
    font-size: 26px;
    line-height: 30px;
  }
  .site_detail {
    padding-left: 12px;
  }
  .site_detail .logo {
    margin-bottom: 20px;
  } /* site section css end */ /* site setting css start */
  .site_setting_sec {
    margin-bottom: 50px;
  }
  .setting_inner {
    row-gap: 40px;
  }
  .site .img_icon {
    width: 130px;
    height: 130px;
    margin-bottom: 25px;
  }
  .site .img_icon .icon {
    width: 50px;
    height: 50px;
  }
  .site p {
    font-size: 22px;
    line-height: 24px;
    font-weight: 500;
  }
  .site:nth-child(odd) .img_icon .icon-shap {
    width: 40px;
    height: 40px;
  }
  .site:nth-child(even) .img_icon .icon-shap {
    width: 30px;
    height: 50px;
  } /* site setting css end */ /* accelerate_business_sec css start */
  .accelerate_business_sec {
    padding-top: 50px;
    margin-bottom: 50px;
  }
  .screenshot_sec {
    margin-bottom: 50px;
  } /* accelerate_business_sec css end */
  .web_development_2 .content-item .sub-title,
  .web_development_2 .content-item p {
    padding-left: 0px;
  }
}
@media (max-width: 768px) {
  h1 {
    font-size: 50px;
    line-height: 59px;
    color: #000000;
    font-weight: 500;
  }
  .home_banner .banner_title {
    font-size: 45px;
  }
  h2 {
    font-size: 40px;
    line-height: 40px;
    color: #000000;
    font-weight: 500;
  }
  h3 {
    font-size: 26px;
    line-height: 32px;
    font-weight: 600;
  }
  .home_banner .banner_title::after {
    display: none;
  }
  .home_banner .banner_title::after,
  .history-section .content-item .content-title::after,
  .how-do-it .content-item .section-title h2::after {
    content: unset;
  }
  .newsletter .content-item h3,
  .newsletter .content-item a {
    font-size: 28px;
    line-height: 1.2em;
    word-wrap: break-word;
  }
  .our_testimonial_inner {
    padding-top: 50px;
    display: grid;
    grid-template-columns: 1fr;
    column-gap: 32px;
    row-gap: 60px;
  }
  .testimonial_card .profile-detail .name {
    font-size: 17px;
    line-height: 19px;
    margin-bottom: 5px;
  }
  .testimonial_card .profile-detail .date {
    margin-bottom: 5px;
    font-size: 14px;
    line-height: 16px;
  }
  .shap_blk {
    margin-top: 30px;
  }
  .shap_blk > img {
    display: none;
  }
  .shap_blk .button_more {
    position: relative;
  }
  .shap_blk .explore_more {
    margin-left: auto;
    margin: 0 auto;
  }
  .shap_blk .explore_more .button-arrow a img {
    width: auto;
    height: auto;
  }
  .footer_item {
    padding-bottom: 20px;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: 10px;
  }
  .contact_form .contact_detail .contact_information h5 {
    font-size: 21px;
    line-height: 25px;
  }
  .add_disqus {
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
  } /* banner section css start */
  .northfront_financial_banner .shap_blk {
    margin-top: 20px;
  }
  .software_sec .bg1,
  .marketing_sec .bg_2 {
    display: none;
  } /* banner section css end */ /* site section css start */
  .site_sec .site_inner .site_link p {
    font-size: 24px;
    line-height: 28px;
  }
  .site_sec .site_inner .site_link .link {
    font-size: 20px;
    line-height: 24px;
  } /* site section css end */ /* site setting css start */
  .setting_inner {
    row-gap: 30px;
  }
  .site .img_icon {
    width: 110px;
    height: 110px;
    margin-bottom: 15px;
  }
  .site .img_icon .icon {
    width: 40px;
    height: 40px;
  }
  .site p {
    font-size: 16px;
    line-height: 18px;
    font-weight: 500;
  }
  .site:nth-child(odd) .img_icon .icon-shap {
    bottom: 10px;
    right: 10px;
  }
  .site:nth-child(even) .img_icon .icon-shap {
    top: 15px;
    left: 10px;
  } /* site setting css end */
  .what_we_do .icon_box {
    width: 70px;
    height: 70px;
    margin-bottom: 15px;
  }
  .what_we_do .content .title {
    margin-bottom: 15px;
  }
  .what_we_do .content p {
    margin-bottom: 15px;
  }
  .what_we_do .more-button .button {
    padding: 15px 30px;
    background: transparent;
    color: var(--primary-color);
  }
  .our_approach_list a {
    justify-content: left;
  }
  .our_approach_list a span {
    text-align: left;
  }
  .footer .copyright {
    padding-left: 10px;
    padding-right: 10px;
  }
  .web_development .content-item h3,
  .web_development_2 .content-item h3 {
    line-height: 1.1em;
  }
  .contact_form .formbold-main-wrapper {
    padding: 20px;
  }
  .banner_content .title {
    color: #000;
    list-style: none;
    position: relative;
    top: 0;
    animation: slide 16s steps(4) infinite;
    background-image: linear-gradient(
      -225deg,
      #000000 0%,
      #44107a 29%,
      #e91e22 67%,
      #e91e22 100%
    );
    background-size: auto auto;
    background-clip: border-box;
    background-size: 200% auto;
    color: #fff;
    background-clip: text;
    text-fill-color: transparent;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    animation: textclip 2s linear infinite;
    display: inline-block;
    white-space: break-spaces;
  }
  @keyframes slide {
    100% {
      top: -280px;
    }
  }
  @keyframes textclip {
    to {
      background-position: 200% center;
    }
  }
}
@media (max-width: 767px) {
    .contact_form .formbold-main-wrapper .form-group .input-text { height: 40px; }
    .contact_form .formbold-main-wrapper .form-group label { font-size: 16px; }
    .contact_form .formbold-main-wrapper .form-group button { padding: 8px 30px; }
    .contact_form .formbold-main-wrapper .form-group + .form-group { margin-top: 10px; }
  .web_design_inner {
    grid-template-columns: 1fr;
    row-gap: 30px;
  }
  .web_design_sec {
    padding-top: 60px;
  }
  .software_detail {
    gap: 15px;
  }
  .web_design_detail {
    gap: 15px;
  }
  .blog_info_detail .detail_info .detail_box .box_images {
    flex-direction: column;
  }
  .testimonials_box {
    margin-left: 0;
    margin-top: 120px;
    flex-direction: column;
    padding: 20px;
    padding-top: 0;
    text-align: center;
  }
  .testimonials_box .images_box {
    margin-left: 0;
    margin-top: -100px;
  }
  .our_testimonials {
    background: #f5f5f5;
    padding: 50px 16px;
  }
  .our_testimonials .testimonial_inner {
    padding: 0;
  }
  .management_tame {
    background: #f5f5f5;
    padding: 50px 0;
  }
  .management_tame_tist {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .management_tame .content-title {
    margin-bottom: 30px;
  }
  .development_design_inner {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
}
@media (max-width: 640px) {
  .banner_btn_grp {
    flex-direction: column;
  }
  .banner_btn_grp .fill_btn,
  .border_btn {
    width: 100%;
  }
  .footer .copyright .conditions {
    flex-direction: column;
  }
  .footer .copyright .conditions span {
    display: none;
  } /* marketing banner section start */
  .marketing_sec_img img {
    width: 250px;
    height: 300px;
  } /* marketing section css end */
  .our_service_sec .icon_bg {
    left: 0px;
  }
  .our_service_content {
    padding-left: 0px;
  }
  .testimonial_card {
    padding: 80px 20px 20px 20px;
    background-color: #fff;
    border-radius: 5px;
    color: #b0b0b0;
  }
  .devlopment_steps {
    grid-template-columns: repeat(1, 1fr);
    row-gap: 30px;
  }
  .devlopment_steps .step:nth-child(even) {
    margin-top: 0px;
  }
  .how_we_do_it .image_contant {
    gap: 30px;
  }
  .how_we_do_it .image_contant .content_title {
    font-size: 32px;
    line-height: 38px;
  }
  .how_we_do_it .how_we_do {
    margin-bottom: 30px;
  }
  .business_contact_sec {
    margin-bottom: 50px;
  }
  .contact_form .contact_detail .contact_information p {
    font-size: 15px;
  }
  .contact_form .contact_detail .contact_information a {
    height: 55px;
    width: 55px;
  }
  .contact_form .contact_detail .contact_information .bold {
    font-size: 20px;
  }
  .commant_class {
    flex-direction: column;
    gap: 20px;
  }
  .setting_inner {
    flex-direction: column;
    row-gap: 30px;
  }
  .business_inner .button {
    padding: 10px 20px;
  }
  .call_business .web_button {
    padding-bottom: 0;
  }
  .case_studie_banner .banner_content {
    text-align: left;
  }
  .title {
    justify-content: left;
  }
  .case_studie_banner .banner_content .sub-title {
    text-align: left;
  }
  .shap_blk .button_more {
    margin-top: 50px;
  }
  .banner_content .title {
    /* animation: typing 1.5s steps(30, end) forwards, blinking 1s infinite;*/
  }
  .marketing_sec {
    overflow: hidden;
  }
}
@media (max-width: 639px) {
  .blog_info_detail .detail_title {
    flex-direction: column;
    align-items: flex-start !important;
  }
  .blog_info_detail .log_with {
    flex-direction: column;
    align-items: flex-start;
  }
}
@media (max-width: 540px) {
  .sm\:w-half {
    width: 50%;
  }
}
@media (max-width: 400px) {
  .blog_item .blogs_list .blog_info .time_user_info {
    flex-direction: column;
  }
}
@media (max-width: 376px) {
  .contact_form .contact_detail .contact_information p {
    font-size: 12px;
  }
  .contact_form .contact_detail .contact_information a {
    height: 50px;
    width: 50px;
  }
}