/* Normal desktop :992px. */
@media (max-width: 1199px) {
  .digital-marketing_menu > ul > li {
    margin-right: 15px !important;
  }

  .header-main-button a {
    font-size: 15px;
    padding: 8px 20px;
  }

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

  .home-shape img {
    position: absolute;
    top: -600px;
    left: -15px;
  }

  .home-shape2 img {
    position: absolute;
    right: -40px;
    top: -400px;
  }

  /*============service-section==================*/

  .service-title h1 {
    font-size: 35px;
  }

  .service-disc p {
    font-size: 14px;
  }

  /*--------------overview-section-------------------*/

  .overview-title h1 {
    font-size: 35px;
  }

  .overview-disc p {
    font-size: 14px;
  }

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

  /*--------------blog-section-------------------*/

  .blog-title h1 {
    font-size: 35px;
  }

  .blog-sub-date p {
    top: -200px;
    padding: 10px 15px;
  }

  .blog-content {
    margin: 0 0 0 25px;
  }

  .blog-date p {
    margin: 20px 0 0;
    font-size: 14px;
  }

  .blog-date p::after {
    display: none;
  }

  .blog-meta p {
    margin: 0 0 0 140px;
    font-size: 14px;
  }

  .blog-meta {
    position: relative;
    top: -28px;
    left: 5px;
  }

  .blog-info h3 a {
    font-size: 18px;
  }

  /*--------------about-section-------------------*/
  .about-title h1 {
    font-size: 32px;
  }

  .about-title p {
    font-size: 14px;
  }

  .sec-widget-element ul li {
    font-size: 15px;
  }

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

  .about-shape img {
    display: none !important;
  }

  .about-shape2 img {
    top: -60px;
    left: 0;
  }

  /*--------------about-two-section-------------------*/
  .about-two-content h1 {
    font-size: 35px;
  }

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

  .about-two-shape img {
    top: -80px;
  }

  .circle-chart {
    width: 130px !important;
    height: 130px !important;
  }

  .about-two-info a p {
    top: -110px;
    left: 110px;
  }

  .about-two-disc p {
    font-size: 15px;
    top: 125px;
  }

  /*==========service-two-section===========*/

  .service-two-content h1 {
    font-size: 35px;
  }

  /*--------------portfolio-section-------------------*/

  .portfolio-number p {
    font-size: 100px;
  }

  .portfolio-number p::after {
    top: 104px;
    left: 210px;
  }

  .portfolio-content p {
    font-size: 15px;
  }

  .subscribe-content h1 {
    font-size: 35px;
  }

  .subscribe-button a {
    right: 290px;
  }

  /*--------------faq-section-------------------*/
  .digital-content h1 {
    font-size: 30px;
  }
  /*-----------pricing-----------*/

  .pricing-title h2 {
    font-size: 38px;
  }

  .pricing-title p {
    font-size: 14px;
  }

  .pricing .tk {
    font-size: 45px;
  }

  .section_title h1 {
    font-size: 30px;
  }

  .section_title p {
    font-size: 15px;
  }
}

/* Tablet desktop :768px. */
@media (max-width: 991px) {
  /*-----------------hero-section----------------*/
  nav.digital-marketing_menu {
    display: none;
  }

  .sticky {
    position: absolute !important;
  }

  .home-title h1 {
    font-size: 35px;
    text-align: center;
  }

  .home-button a {
    font-size: 14px;
    padding: 12px 20px;
  }

  .home-shape img {
    display: none;
  }

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

  .home-shape2 img {
    display: none;
  }

  /*-----------------service-section----------------*/
  .service-title h1 {
    font-size: 25px;
    text-align: center;
    margin: 0;
  }

  .service-disc p {
    font-size: 14px;
    text-align: center;
  }

  .service-two-content h1 {
    font-size: 35px;
  }

  /*-----------------blog-section----------------*/

  .blog-title h1 {
    font-size: 35px;
  }

  .blog-title p {
    font-size: 14px;
  }

  .blog-sub-date p {
    display: none;
  }

  .blog-content {
    margin: 0 0 0 20px;
  }

  .blog-date p::after {
    display: none;
  }

  .blog-meta {
    position: relative;
    top: -25px;
    left: 50px;
  }

  .blog-info h3 a {
    font-size: 20px;
  }

  /*-----------------about-two-section----------------*/
  .about-title h1 {
    font-size: 35px;
  }

  .about-button a {
    font-size: 15px;
    padding: 12px 20px;
  }

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

  .about-shape img {
    display: none !important;
  }

  .about-two-content h1 {
    font-size: 35px;
  }

  .about-two-thumb {
    padding: 95px 0 0;
  }

  .about-two-shape img {
    top: -90px;
  }

  /*-----------------overview-section----------------*/
  .portfolio-number p {
    font-size: 100px;
  }

  .portfolio-number p::after {
    top: 105px;
    left: 230px;
  }

  .portfolio-content p {
    font-size: 15px;
  }

  .subscribe-content h1 {
    font-size: 32px;
  }

  .subscribe-box form input {
    font-size: 14px;
    padding: 20px 12px;
  }

  .subscribe-button a {
    top: -59px;
    font-size: 14px;
    padding: 17px 26px;
    right: 135px;
  }

  /*------------portfolio-detail---------------*/

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

  .skill-shape img {
    display: none;
  }

  .skill-shape2 img {
    display: none;
  }

  .skill-shape3 img {
    display: none;
  }

  .skill-content h1 {
    font-size: 35px;
  }

  /*=============faq-section=============*/
  .digital-content h1 {
    font-size: 27px;
  }

  .digital-content p {
    font-size: 14px;
  }

  .accordion li a {
    font-size: 17px;
  }

  /*----------pricing-------------*/

  .pricing-title h2 {
    font-size: 35px;
  }

  .pricing-title p {
    font-size: 14px;
  }

  .pricing .tk {
    font-size: 40px;
  }

  .section_title h1 {
    font-size: 30px;
  }
  .google-process .process-steps {
    grid-template-columns: repeat(2, 1fr);
  }
  .google-process .process-steps::before {
    display: none;
  }
}

/* Large Mobile :600px. */
@media (max-width: 767px) {
  nav.digital-marketing_menu {
    display: none;
  }

  .sticky {
    position: absolute !important;
  }

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

  .home-title h1 {
    font-size: 35px;
  }

  .home-shape img {
    display: none;
  }

  .home-shape2 img {
    display: none;
  }

  /*--------------service-section-------------*/

  .service-title h1 {
    font-size: 30px;
    margin: 0;
  }

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

  .about-shape img {
    display: none !important;
  }

  .about-shape2 img {
    display: none !important;
  }

  /*--------------about-section-------------*/
  .about-title h1 {
    font-size: 30px;
  }

  .sec-widget-element ul li {
    font-size: 15px;
  }

  .about-two-content h1 {
    font-size: 30px;
  }

  .circle-chart {
    margin: 0 0 60px;
  }

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

  .about-two-shape img {
    display: none !important;
  }

  .cntr-bg-up {
    margin: -140px 0 0;
  }

  .service-two-content h1 {
    font-size: 30px;
  }

  /*--------------blog-section-------------*/

  .blog-title h1 {
    font-size: 30px;
  }

  .blog-title p {
    font-size: 14px;
  }

  .blog-sub-date p {
    top: -349px;
  }

  .blog-info h3 a {
    font-size: 22px;
  }

  .subscribe-content h1 {
    font-size: 35px;
  }

  .subscribe-button a {
    font-size: 14px;
    right: 40px;
  }

  .subscribe-box form input {
    width: 45%;
    font-size: 14px;
    padding: 19px 12px;
  }

  /*-------------blog-details-section-------------*/

  .breadcumb-title h1 {
    font-size: 60px;
  }

  .blog-description h3 a {
    font-size: 27px;
  }

  .blog-description p {
    font-size: 15px;
  }

  .blog-details-inner h3 {
    font-size: 27px;
  }

  /*--------------portfolio-section-------------*/
  .portfolio-number p {
    font-size: 100px;
  }

  .portfolio-number p::after {
    top: 103px;
    left: 320px;
  }

  /*------------portfolio-detail---------------*/

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

  .skill-shape img {
    display: none;
  }

  .skill-shape2 img {
    display: none;
  }

  .skill-shape3 img {
    display: none;
  }

  .skill-content h1 {
    font-size: 30px;
  }
  /*========faq-section============*/

  .digital-content h1 {
    font-size: 25px;
  }

  .digital-content p {
    font-size: 14px;
  }

  .accordion li a {
    font-size: 20px;
  }
  /*-------------pricing-section---------------*/
  .pricing-title h5 {
    font-size: 15px;
  }

  .pricing-title h2 {
    font-size: 35px;
  }

  .pricing-title p {
    font-size: 15px;
  }

  .pricing .tk {
    font-size: 40px;
  }

  .section_title h1 {
    font-size: 30px;
  }

  .section_title p {
    font-size: 14px;
  }
  .yandex-products .product-card {
    max-width: 350px;
    margin: 0 auto;
  }
}

/* small mobile :320px. */
@media (max-width: 479px) {
  nav.digital-marketing_menu {
    display: none;
  }

  .sticky {
    position: absolute !important;
  }

  .home-title h1 {
    font-size: 25px;
  }

  .home-button a {
    font-size: 14px;
    padding: 12px 20px;
  }

  .home-shape img {
    display: none;
  }

  .home-shape2 img {
    display: none;
  }

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

  /*--------------about-section-------------*/
  .about-title h1 {
    font-size: 30px;
  }

  .about-title p {
    font-size: 14px;
  }

  .sec-widget-element ul li {
    font-size: 14px;
  }

  .about-button a {
    font-size: 14px;
    padding: 12px 20px;
  }

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

  .about-shape img {
    display: none !important;
  }

  .about-shape2 img {
    display: none !important;
  }

  /*--------------blog-section-------------*/
  .blog-title h1 {
    font-size: 25px;
  }

  .blog-sub-date p {
    display: none;
  }

  .blog-date p::after {
    display: none;
  }

  .blog-content {
    margin: 0 0 0 20px;
  }

  .blog-info h3 a {
    font-size: 18px;
  }

  .blog-date p {
    font-size: 14px;
  }

  .blog-meta p {
    margin: 0 27px 0px;
    font-size: 14px;
  }

  .blog-button a {
    font-size: 14px;
  }

  .subscribe-content h1 {
    font-size: 25px;
  }

  .subscribe-content p {
    font-size: 14px;
  }

  .subscribe-box form input {
    width: 65%;
    font-size: 12px;
  }

  /*---------------blog-details--------------*/

  .breadcumb-title h1 {
    font-size: 48px;
  }

  .blog-details-meta {
    display: none;
  }

  .blog-description h3 a {
    font-size: 16px;
  }

  .blog-description p {
    font-size: 12px;
  }

  .blog-details-inner h3 {
    font-size: 18px;
  }

  .blog-details-social-icon ul li a {
    margin-left: 5px;
  }

  .blog-leave-title h3 {
    font-size: 20px;
  }

  .form-button button {
    padding: 12px 20px;
    font-size: 15px;
  }

  .blog-list-left input[type="email"] {
    padding: 8px;
  }

  .single-widget-item h2 {
    font-size: 25px;
  }

  .recent-post-title h3 {
    font-size: 25px;
  }

  .rpost-content h4 a {
    font-size: 13px;
  }

  .rpost-content span {
    font-size: 12px;
  }

  .sidebar-title h4 {
    font-size: 22px;
  }

  .tag-item a {
    font-size: 14px;
  }

  /*------------portfolio-detail---------------*/

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

  .skill-shape img {
    display: none;
  }

  .skill-shape2 img {
    display: none;
  }

  .skill-shape3 img {
    display: none;
  }

  .skill-content h1 {
    font-size: 28px;
  }

  /*--------------about-two-section-------------*/
  .about-two-content h1 {
    font-size: 25px;
  }

  .about-two-content p {
    font-size: 15px;
  }

  .circle-chart {
    width: 130px !important;
    height: 140px !important;
    margin: 0 0 70px;
  }

  .about-two-disc p {
    font-size: 15px;
  }

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

  .about-two-shape img {
    display: none !important;
  }

  .cntr-bg-up {
    margin: -130px 0 0;
  }

  .service-two-content h5 {
    font-size: 15px;
  }

  .service-two-content h1 {
    font-size: 25px;
  }

  .ply-btn {
    margin: 0px 0 30px;
    display: inline-block;
  }

  /*--------------service-section-------------*/

  .service-title h1 {
    font-size: 25px;
    margin: 0;
  }

  .service-disc p {
    font-size: 10px;
  }

  .service-content p {
    font-size: 15px;
  }

  /*------------------overview-section-------------*/

  .overview-title h1 {
    font-size: 30px;
  }

  .overview-disc p {
    font-size: 9px;
  }

  /*-------------portfolio-section--------------*/
  .contact-title p,
  .portfolio-title p {
    padding-bottom: 24px;
  }
  .portfolio-number p {
    font-size: 64px;
    margin-bottom: 0;
  }

  .portfolio-number p::after {
    top: 104px;
    left: 210px;
  }

  .portfolio-content p {
    font-size: 15px;
  }

  /*-------------contact-section-----------*/

  .breadcumb-content-menu h1 {
    font-size: 25px;
  }

  /*--------------footer-section-------------*/

  .company-info-desc p {
    font-size: 14px;
  }

  .widget-title {
    font-size: 22px;
  }

  .menu-quick-link-content ul li a {
    font-size: 14px;
  }

  .footer-sub-disc p {
    font-size: 14px;
  }

  .footer-inner-address p {
    font-size: 14px;
  }

  .footer-inner-social p {
    font-size: 14px;
  }

  .footer-inner-disc p {
    font-size: 14px;
  }

  /*============faq-section================*/

  .digital-content h1 {
    font-size: 22px;
  }

  .digital-content p {
    font-size: 15px;
  }

  .accordion li a {
    font-size: 14px;
    padding: 0 15px 0;
  }

  .accordion li p {
    font-size: 12px;
    padding: 0 15px 0;
  }
  /*-----------pricing-section--------------*/

  .pricing-title h5 {
    font-size: 15px;
  }

  .pricing-title h2 {
    font-size: 27px;
  }

  .pricing-title p {
    font-size: 15px;
  }

  .pricing-head h3 {
    font-size: 20px;
  }

  .pricing .tk {
    font-size: 38px;
  }

  .pricing-section {
    padding: 0px 0px;
  }

  .section_title h1 {
    font-size: 28px;
  }

  .section_title p {
    font-size: 12px;
  }

  .single_team_title h4 {
    font-size: 20px;
  }

  .single_team_title span {
    font-size: 14px;
  }

  .channel-item {
    grid-template-columns: 1fr;
    gap: 32px;
  }
  .channel-img {
    order: -1;
  }
}

/* 响应式设计 */
@media (max-width: 992px) {
  .form-container {
    grid-template-columns: 1fr;
  }
  .stats-container {
    flex-direction: column;
  }
  .tiktok-services .service-card,
  .tiktok-stats .stat-card {
    min-width: 100%;
  }
  .tiktok-stats .stats-grid {
    grid-template-columns: 1fr;
  }
  .tiktok-stats .stats-container {
    gap: 0;
  }
  .whatsapp-feature {
    flex-direction: column;
  }
  .whatsapp-feature .feature-image {
    min-height: 400px;
  }
  .whatsapp-feature .feature-content {
    padding: 60px 30px;
  }
  .whatsapp-feature .feature-content h2 {
    font-size: 2rem;
  }

  .facebook-ad .ad-types-container {
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  }

  .media-process .process-step {
    min-width: 250px;
    max-width: 300px;
  }
}

@media (max-width: 768px) {
  .breadcumb-area {
    padding: 100px 0;
  }
  .section-content,
  .advantages-area,
  .featured-area,
  .services-area,
  .solutions-area,
  .strategies-area,
  .channels-area,
  .about-services,
  .about-area {
    padding: 50px 0;
  }
  .about-title h1 {
    padding: 0;
  }
  .section-title h1,
  .featured-title h1,
  .services-title h1 {
    font-size: 2rem;
  }
  .form-content h2 {
    font-size: 24px;
  }
  .form-content p {
    font-size: 14px;
    margin-bottom: 12px;
  }
  .contact-form-section {
    padding: 20px;
  }
  .marketing-form {
    display: block;
  }

  .form-group:nth-last-child(2),
  .form-group:last-child {
    grid-column: span 1;
  }

  .form-content {
    padding: 30px;
  }

  .money-policy .policy-container {
    padding: 16px;
  }
  .money-policy .policy-section h3 {
    margin: 0;
    font-size: 1.5rem;
  }
  .money-policy .policy-header h2,
  .tiktok-stats .stats-content h3 {
    font-size: 2rem;
  }
  .money-policy .contact-info {
    padding: 16px;
  }
  .footer-section {
    padding-top: 50px;
  }
  .footer-bottom-content p {
    margin-top: 50px;
  }
}