@media only screen and (max-width: 1399px) {
  .automation_engagement_tab .tabcontent img {
    width: 100%;
  }

  .hero_section .hero_img img {
    width: 100%;
  }

  .broadcasts_section_contain {
    width: 500px;
  }

  .broadcasts_section_img img {
    width: 550px;
  }

  .broadcasts_section_img {
    top: 110px;
  }

  .automation_engagement_contain h1 {
    font-size: 38px;
  }

  .hero_section {
    padding: 60px 0;
  }

  .automation_engagement_tab .tab button {
    margin-bottom: 15px;
  }

  .team_analytics_card img {
    width: 100%;
  }

  .team_analytics_card h1 {
    font-size: 23px;
  }

  .team_analytics_card img {
    width: 100%;
    height: 200px;
    object-fit: contain;
  }

  .team_analytics_card {
    height: 480px;
  }

  .trusted_bussines {
    padding: 60px 0;
  }

  .automation_engagement_section {
    padding: 60px 0;
  }

  .team_analytics_section {
    padding: 60px 0;
  }

  .integrations_section {
    padding: 60px 0;
  }

  .get_started_section {
    padding: 60px 0;
  }

  .review_section {
    padding: 60px 0;
  }

  .streamlined_section {
    padding: 60px 0;
  }

  .tool_box_contain {
    width: 264px;
  }

  .tool_box_container {
    justify-content: center;
  }

  .hero_img .section_header_logo {
    position: absolute;
    top: 50px;
    left: 60px;
  }

  .hero_img .section_header_logo {
    width: 130px;
  }

  .hero_img .section_header_logo {
    position: absolute;
    top: 40px;
    left: 50px;
  }

  .hero_img .section_header_logo {
    width: 130px !important;
  }

  .compare-plans-section .table th,
  .compare-plans-section .table td {
    min-width: 200px;
  }
}

@media only screen and (max-width: 1199px) {
  .trusted_bussines_box {
    gap: 30px;
    flex-wrap: wrap;
  }

  .hero_section_contain h1 {
    font-size: 30px;
    padding: 0;
  }

  .hero_section_contain {
    padding: 0 0 40px 0;
  }

  .broadcasts_section_img img {
    width: 400px;
  }

  .broadcasts_section_contain h1 {
    font-size: 30px;
    padding: 10px 0 10px 0;
  }

  .broadcasts_section_contain {
    width: 500px;
  }

  .broadcasts_section_img {
    top: 120px;
  }

  .broadcast_card h1 {
    font-size: 22px;
  }

  .broadcasts_section_contain p {
    padding-bottom: 20px;
  }

  .broadcast_card_img img {
    width: 35px;
  }

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

  .automation_engagement_tab .tab button {
    padding: 10px 14px;
  }

  .team_analytics p {
    margin-bottom: 25px;
  }

  .analytics_contain_img img {
    width: 380px;
  }

  .analytics_contain {
    border-radius: 24px;
    padding: 20px;
  }

  .team_analytics_card {
    height: 445px;
    padding: 20px;
  }

  .team_analytics_card h1 {
    font-size: 20px;
    margin-bottom: 10px;
  }

  .team_analytics_card span {
    font-size: 16px;
    margin: 10px 0 10px 0;
  }

  .team_analytics_card p {
    font-size: 16px;
  }

  .team_analytics_card {
    border-radius: 15px;
    margin-bottom: 15px;
  }

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

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

  .integrations_section_heading_title {
    margin-bottom: 40px;
  }

  .tool_box_contain {
    width: 218px;
  }

  .tool_box_contain img {
    width: 40px;
  }

  .get_started_box_content img {
    width: 50px;
  }

  .get_started_box_content {
    height: 300px;
  }

  .get_started_box_content p {
    font-size: 20px;
  }

  .review_content_section {
    max-width: 100%;
  }

  .streamlined_section {
    padding: 60px 0 0 0;
  }

  .footer_section_links {
    padding-bottom: 0;
  }

  .logo img {
    width: 145px;
  }

  .navigation_item ul {
    gap: 15px;
  }

  .wamattic_social_link_block {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 30px;
  }

  .wamattic_social,
  .wamattic_logo {
    padding-bottom: 0px;
  }

  .wamattic_application span {
    display: none;
  }

  .footer_section {
    padding: 35px 0 35px 0;
  }

  .hero_img .section_header_logo {
    position: absolute;
    top: 35px;
    left: 45px;
  }

  .hero_img .section_header_logo {
    width: 100px !important;
  }

  .pricing-section h2,
  .about-section h1 {
    font-size: 30px;
  }

  h2 {
    font-size: 30px;
  }
}

@media only screen and (max-width: 991px) {
   .compare-plans-section .table th,
  .compare-plans-section .table td {
    min-width: 170px;
  }
  .wamattic_logo img {
    width: 125px;
  }

  .wamattic_social a img {
    width: 30px;
  }

  .appliction_img img {
    width: 90px;
  }

  .broadcasts_section_contain {
    width: 100%;
  }

  .broadcasts_section_img img {
    width: 400px;
  }

  .hero_img .section_header_logo {
    top: 24px;
    left: 35px;
  }

  .hero_img .section_header_logo {
    width: 80px !important;
  }

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

  .ptb-112 {
    padding: 50px 0;
  }

  .cost-pricing-section h5 {
    margin-bottom: 40px;
  }

  .cost-pricing-section .view-pricing-btn button {
    margin-top: 40px;
  }
}

@media only screen and (max-width: 767px) {
  
    .compare-plans-section .table th,
  .compare-plans-section .table td {
    min-width: 100px;
  }
  .navigation_item ul {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    background: #51a844;
    height: 100%;
    width: 250px;
    padding: 15px 20px;
    display: none;
  }

  .navigation_item ul li {
    margin-bottom: 20px;
  }

  .hero_social_box {
    flex-direction: column;
  }

  .hero_social_box_contain {
    width: 100%;
    justify-content: center;
  }

  .analytics_contain_img img {
    width: 100%;
  }

  .team_analytics_card {
    height: 360px;
    padding: 20px;
  }

  .get_started_box_content {
    margin-bottom: 20px;
  }

  .provider_details {
    flex-direction: column;
    gap: 10px;
  }

  .integrations_section {
    padding: 0px 0;
  }

  .broadcasts_section {
    padding: 20px 0;
  }

  .review_border {
    margin-bottom: 35px;
  }

  .hero_img .section_header_logo {
    top: 19px;
    left: 24px;
  }

  .hero_img .section_header_logo {
    width: 60px !important;
  }

  .review_border {
    border-right: none;
  }
}

@media only screen and (max-width: 575px) {
  .about-section h1{
    font-size: 40px !important;
  }
  .streamlined_image img {
    width: 200px;
    margin-top: 25px;
  }

  .wamattic_social_link_block {
    flex-direction: column;
    gap: 30px;
  }

  .broadcasts_section_img img {
    width: 280px;
  }

  .automation_engagement_tab .tab button {
    width: 100%;
  }

  .hero_social_box_contain span {
    font-size: 11px;
  }

  .hero_section_contain h1 {
    font-size: 23px;
  }

  .hero_section {
    padding: 20px 0;
  }

  .trusted_bussines h1 {
    padding-bottom: 30px;
  }

  .trusted_bussines {
    padding: 30px 0;
  }

  .automation_engagement_contain h1 {
    font-size: 24px;
  }

  .tool_box_contain {
    width: 100%;
  }

  .get_started_section {
    padding: 30px 0;
  }

  .review_border {
    border-right: none;
  }

  .streamlined_section {
    padding: 35px 0 0 0;
  }

  .provider_details p {
    font-size: 10px;
  }

  .team_analytics_card {
    height: 385px;
  }

  .broadcasts_section_contain {
    width: 100%;
  }

  .analytics_contain {
    flex-direction: column;
  }

  .hero_img .section_header_logo {
    top: 11px;
    left: 12px;
  }

  .hero_img .section_header_logo {
    width: 40px !important;
  }

  .pricing-section .select-plans {
    flex-direction: column;
    align-items: flex-start;
    margin-left: 40px;
    gap: 16px;
  }

  .compare-plans-section h2 {
    margin-bottom: 40px;
  }
  .pricing-broadcasts-section .broadcasts-content-bg{
    padding: 0px 20px 0 20px;
  }
}