/* Workativ | Cognitive Automation Solutions */

/************ TABLE OF CONTENTS ***************

Mobile Responsive

**********************************************/

/*******  landing modal popup start *******/
/* landing page css */
.icon-top-img {
  width: 100%;
  float: left;
  margin-bottom: 20px;
}
.icon-top-img span {
  font-family: "Roboto-Bold";
  font-size: 16px;
  color: #333333;
  margin-left: 10px;
  text-transform: uppercase;
}
.icon-top-img img {
  width: 84px;
  height: 84px;
  filter: none;
}
.arrow_svg_link {
  width: 12px;
  height: 12px;
}
.arrow_svg_link svg {
  width: 12px;
  height: 12px;
  margin-left: 3px;
}
.landing_pages_img {
  width: 100%;
  float: left;
}
.container_trial .landing_page_charging .landing_pages_img img {
  width: 84px !important;
  height: 84px;
}
.integrations_pages ul .landing_pages_img h4 {
  display: flex;
  justify-content: center;
  font-size: 22px;
}
.integrations_pages ul .landing_pages_img p {
  font-size: 17px;
  min-height: 85px;
  text-align: center;
}
.integrations_pages .beta-charging ul .landing_pages_img {
  border: none;
  padding-top: 0px;
  padding-bottom: 0px;
}
.landing_pages_img .arrow_svg_link svg {
  margin-left: 3px;
}
.card_link_landing {
  width: 100%;
  float: left;
  justify-content: center;
  display: flex;
}
.card_link_landing a {
  width: auto;
}
.feature_page_content_left .card_link_landing {
  width: 100%;
  float: left;
  justify-content: space-between;
}
/* footer-form start */
svg.svg_mobile_open {
  width: 25px;
  height: 25px;
  position: relative;
  left: 10px;
}
svg.svg_mobile_close {
  width: 25px;
  height: 25px;
  position: relative;
  left: 5px;
}
.footer_form {
  width: 100%;
  float: left;
  margin-bottom: 80px;
}
.footer_form_container {
  width: 100%;
  float: left;
  background: #edf1ff 0% 0% no-repeat padding-box !important;
  border-radius: 20px;
  padding: 60px 40px !important;
  height: 100%;
}
.footer_form .row {
  padding: 0px 15px;
}
.footer_form_right {
  display: flex;
  align-items: center;
  height: 100%;
  width: auto;
  padding: 0px;
}
.footer_form_right {
  display: flex;
  align-items: center;
  height: 100%;
  width: auto;
  padding: 0px;
  justify-content: end;
}
.footer_form_left {
  float: left;
  display: flex;
  align-items: center;
  height: 100%;
  padding: 0px;
  width: auto;
}

.footer_form_left .main-slider-left p {
  margin-bottom: 0px;
}
.footer_form_left .main-slider-left h1 {
  margin-bottom: 20px;
}
.footer_form_left .main-slider-left {
  padding: 0px;
}
.footer_form_right .main-slider-button.beta-button input,
select {
  width: 33%;
}
.container_trial .more-faqs-content p {
  padding-bottom: 0px;
  margin-bottom: 0px;
}
/* footer-form end */

/* whitepaer */
.href_web {
  width: 100%;
  float: left;
  display: flex;
  justify-content: center;
}
.href_web a {
  color: #494949;
}

/* whitepaper */
.pl-20-tage.feature_page_top {
  width: 100%;
  float: left;
  padding-bottom: 80px;
}
.solutions_form {
  width: 100%;
  float: left;
  margin-bottom: 60px;
}
.width_100 {
  width: 100%;
  float: left;
}
.knowledge_header_form {
  width: 100%;
  float: left;
  margin-top: 30px;
}
.form_below_content {
  width: 100%;
  float: left;
  padding-top: 10px;
  position: relative;
  top: 10px;
}
.form_below_content span {
  font-family: "Roboto-Regular";
  font-size: 16px;
  color: #494949;
  margin-right: 50px;
}
.form_below_content span:last-child {
  margin-right: 0px;
}

.knowledge_header_form .main-slider-button.beta-button {
  width: 70%;
  margin: 0 auto;
  display: inline-block;
}
.knowledge_header_form .main-slider-button.beta-button form {
  justify-content: space-evenly;
}
.beta-button button {
  padding: 10px 0px;
  vertical-align: baseline;
  width: 31%;
  border-radius: 0px;
  background: #2e6dfa;
  border: 1px solid #2e6dfa;
  color: #fff;
  font-family: "Roboto-Regular";
  font-size: 16px;
}
.main-slider-button.beta-button form {
  width: 100%;
  float: left;
  display: flex;
  align-items: center;
  justify-content: left;
  flex-direction: row;
}

.beta-button input:focus {
  outline: 0;
}
.modal_submit_form .modal {
  background: rgba(0, 0, 0, 0.55) none repeat scroll 0% 0%;
  z-index: 10000;
}
.btn.btn-primary.disabled_button {
  pointer-events: none;
  opacity: 0.9;
}
.beta-button input,
select {
  width: 31%;
  padding: 10px;
  margin-right: 10px;
  display: inline-block;
  border: 1px solid #ccc;
  border-radius: 0px;
  box-sizing: border-box;
  font-family: "Roboto-Regular";
  font-size: 15px;
  background: #fff !important;
  box-shadow: none;
}
.beta-button select:focus {
  box-shadow: none;
  outline: 0;
  border: 1px solid #ccc;
}
.beta-button input:focus {
  box-shadow: none;
  outline: 0;
  border: 1px solid #ccc;
}

#beta-thankyou-page {
  width: 500px;
  margin: 0 auto;
  padding: 40px 30px;
}
#beta-thankyou-page img {
  width: 240px;
  margin: 0 auto;
  display: block;
  padding-bottom: 25px;
}
#beta-thankyou-page button {
  background: #2e6dfa;
  color: #fff;
  border-radius: 50px;
  width: 112px;
  text-align: center;
  height: 37px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: transform 0.5s ease;
  border: none;
  outline: 0;
  cursor: pointer;
  margin: 0 auto;
}
.thankyou-page-img {
  width: 100%;
  float: left;
}
.thankyou-page-img p {
  color: #485a63;
  font-size: 18px;
  font-family: "Roboto-Regular";
  text-align: center;
  margin-bottom: 20px;
}
.loader_demo {
  width: 100%;
  height: 100vh;
  display: none;
  align-items: center;
  justify-content: center;
  position: fixed;
  z-index: 10000;
  background: #000;
  opacity: 0.8;
  top: 0;
}
.loader {
  border: 10px solid #ff7900;
  border-radius: 50%;
  border-top: 10px solid #2e6dfa;
  width: 74px;
  height: 74px;
  -webkit-animation: spin 2s linear infinite; /* Safari */
  animation: spin 2s linear infinite;
}

/* Safari */
@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
  }
}

@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

.modal-content-popup input[type="number"]::-webkit-inner-spin-button,
.modal-content-popup input[type="number"]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  margin: 0;
}
input[type="number"] {
  -moz-appearance: textfield;
}
.modal-content-popup ._field-wrapper input {
  width: 100%;
  padding: 6px 7px;
  margin-right: 10px;
  display: inline-block;
  border: 1px solid #ccc;
  border-radius: 0px;
  box-sizing: border-box;
  font-size: 15px;
}
.modal-content-popup ._form_element {
  width: 100%;
  float: left;
  margin-bottom: 10px;
}
.modal-content-popup ._field-wrapper input {
  outline: 0;
}
.modal-content-popup ._field-wrapper select {
  width: 100%;
  height: 35px;
  background: #fff;
  padding: 0px 10px;
  font-size: 15px;
}
#exampleModalCenter .modal-dialog {
  max-width: 50%;
}
.modal-body-header {
  width: 100%;
  float: left;
  display: flex;
  flex-direction: row;
}
#exampleModalCenter .modal-body {
  width: 50%;
  float: left;
}
#exampleModalCenter .modal-body {
  width: 50%;
  float: left;
}
#exampleModalCenter .modal_body_right {
  width: 50%;
  float: left;
  display: flex;
  justify-content: center;
  align-items: center;
}
#exampleModalCenter .modal_body_right img {
  width: 70%;
  float: left;
}
.modal_submit_form .modal-header {
  border-bottom: 1px solid #fff !important;
  padding-bottom: 0px;
}
.modal_submit_form .modal-header h5 {
  font-size: 24px;
  font-family: "Roboto-Medium";
  padding-top: 15px;
}

.modal_submit_form ._button-wrapper._full_width button {
  border-radius: 0px;
  margin-bottom: 20px;
  background: #2e6dfa;
  border: 1px solid #2e6dfa;
  color: #fff;
  font-family: "Roboto-Regular";
  font-size: 16px;
}
.modal-content.modal-content-popup {
  padding: 0px 15px;
  border-radius: 12px;
}
/****** Landing modal popup end ******/

.iframe_zoho iframe {
  position: relative;
  margin-top: 15px;
  height: 100vh;
}
.--footer-sublink ul li:last-child {
  display: none;
}
.marketplace_footer_ul {
  display: none;
}
li.price_hide {
  display: none;
}

.--quick-link:nth-child(5) {
  display: block;
}
.footer_content_between {
  border-bottom: 1px solid #dadce0;
}

.footer_content_between {
  width: 100%;
  float: left;
}
.wv-social-link {
  display: flex;
  align-items: center;
}
.header-logo .free_trial a {
  color: #fff;
  font-size: 14px;
  font-family: "Roboto-Medium";
  line-height: 16px;
  padding: 0px;
}
.footer_social_icons {
  display: inline-flex;
  align-items: center;
}
.footer_logo {
  width: 100%;
  position: relative;
  left: -3px;
}
.footer_logo img {
  width: 140px;
}
.footer_content_between_row {
  width: 100%;
  float: left;
  display: flex;
  justify-content: space-between;
  padding-bottom: 65px;
}
.mobile_logo_img {
  display: none;
}

#navbarSupportedContent {
  justify-content: space-between;
}
#navbarSupportedContent .navbar-nav {
  align-items: center;
  display: flex;
}
#navbarSupportedContent .navbar-nav .nav-item {
  position: relative;
  top: 3px;
  padding-left: 25px;
}
#navbarSupportedContent .nav-item.free_trial {
  padding-left: 0px;
  padding-right: 0px;
}
#navbarSupportedContent .header_log_img {
  padding-right: 30px;
}
.lightbox {
  display: none;
  position: fixed;
  z-index: 99999;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 9);
}

.lightbox .lightbox-video {
  width: 100%;
  padding-bottom: 56%;
}

.lightbox iframe {
  position: absolute;
  height: 100%;
  width: 100%;
  left: 0;
  right: 0;
}

.lightbox img {
  display: block;
  margin: 0 auto;
}

.lightbox .lightbox-close {
  position: absolute;
  display: block;
  top: 16%;
  right: 18%;
  color: #000000;
  font-size: 28px;
  height: 30px;
  width: 30px;
  background: rgb(255, 255, 255);
  border: 3px solid #e0e0e0;
  border-radius: 50%;
  line-height: 50px;
  text-align: center;
  z-index: 1;
}

.lightbox .lightbox-close:hover {
  text-decoration: none;
}

.lightbox .lightbox-container {
  max-width: 1024px;
  margin: 0;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  position: relative;
}

.lightbox-toggle span {
  font-size: 12px;
  padding-top: -16px;
  padding-top: -6px;
  position: relative;
  top: -18px;
}

.col-sm-12.lightbox-column {
  padding: 2px;
}
@media (max-width: 5000px) and (min-width: 2000px) {
  .left-whitespace {
    display: none;
  }
  .cc_bg_feature_slider.bg_feature_slider {
    padding-bottom: 450px;
  }
}

@media (max-width: 1920px) and (min-width: 1536px) {
  .feature_page_content_left .card_link_landing {
    width: 100%;
    float: left;
    justify-content: left;
  }
  .card_link_landing.jira_landing_link a {
    margin-right: 40px;
  }
  .container_trial .container {
    max-width: 80%;
  }
  .cc_bg_feature_slider.bg_feature_slider {
    padding-bottom: 450px;
  }
}

@media (min-width: 1200px) and (max-width: 1920px) {
  .container_trial .beta-charging p {
    color: #485a63;
  }
  .trail_apps_landing .cogni_fav_apps_header p {
    color: #416183;
    font-size: 22px;
  }
  .trial_5_img img {
    width: 95%;
  }
  .container_trial .cognii_work_content .cogni_works p {
    font-family: "Roboto-Regular";
    text-align: center;
    margin-bottom: 80px;
    padding: 0px 8%;
  }
  .container_trial .main-slider-left p {
    padding-right: 38px;
  }

  .row.justify-content-center.beta_change_form {
    margin-top: 30px;
  }
  .lightbox .lightbox-close {
    right: 10% !important;
    top: 8% !important;
  }
  .carousel-control-next-icon {
    position: relative;
    left: 100px;
  }
  .carousel-control-prev-icon {
    position: relative;
    left: -100px;
  }
  .carousel-control-next,
  .carousel-control-prev {
    opacity: 1 !important;
  }
  .carousel-indicators {
    bottom: -40px !important;
  }

  .lightbox .lightbox-container {
    max-width: 1360px !important;
  }
}
@media (max-width: 1800px) {
  .container_trial .landing_page_charging img {
    width: 60px !important;
    height: 60px;
  }
  .img_position {
    position: relative;
    left: 55px;
  }
  .utube_rows {
    display: grid;
    align-content: center;
    grid-gap: 20px;
    grid-template-columns: 31% 31% 31%;
  }
  .landing_page.trial_page_img .feature_page_content_left h3 {
    font-size: 38px;
    font-family: "Gordita-Medium";
  }
  .container_trial .main-slider-left p {
    font-size: 18px;
  }
  .container_trial .cognii_work_content .cogni_works p {
    color: #416183;
    font-size: 18px;
  }
  .trail_apps_landing .cogni_fav_apps_header p {
    color: #416183;
    font-size: 18px;
    padding: 0px 10rem;
  }
  .container_trial .more-faqs-content p {
    font-size: 18px;
  }

  .container_trial .feature_page_content_left p,
  .card_link_landing a {
    font-size: 18px;
  }
  .container_trial .main-slider-left h1 {
    font-size: 40px;
  }
  .container_trial .trail_apps_landing h1 {
    font-size: 38px;
  }
  .container_trial .cognii_work_content .cogni_works h1 {
    font-size: 38px;
  }
  .page_header_center h1 {
    font-size: 38px;
  }
  .trial_accordian_landing h2 {
    font-size: 38px;
  }
  .card_landing_trial h4 {
    font-family: "Gordita-Medium";
    font-size: 26px;
    margin: 15px 0px;
  }
  .trial_cards_page p {
    font-size: 20px;
    line-height: 29px;
  }
  .container_trial .beta-charging p {
    color: #485a63;
    font-size: 18px;
  }
  .container_trial .beta-charging {
    padding-top: 15px;
    margin: 0 5%;
  }
  .container_trial .accordian_landing .accordion .link {
    cursor: pointer;
    display: block;
    padding: 15px 15px 15px 42px;
    color: #4095e9;
    font-size: 22px;
  }
  .accordian_landing .submenu li {
    font-size: 18px;
  }
}
@media (max-width: 1600px) {
  .cc_bg_feature_slider.bg_feature_slider {
    padding-bottom: 300px;
  }
  .feature_pageinner_content_img.p-t-50 {
    padding-top: 120px;
  }
  .feature_inner_page.bg_feature_slider .main-slider-left {
    width: 100%;
    float: left;
    padding: 0px 16%;
  }
  .bg_feature_slider {
    padding-bottom: 320px;
  }
  .how_it_section .container {
    padding: 0px 3%;
  }
  .how_it_works_header {
    flex-basis: 23%;
  }
  .how_it_content_before:before {
    left: 111%;
  }
  .card_landing_trial {
    padding: 40px 35px;
  }
  .card_landing_section.integrations_popular_bg h4 {
    font-size: 18px;
  }
  .card_landing_section.integrations_popular_bg h4 {
    margin: 20px 0px;
  }
  .card_landing_section.integrations_popular_bg p {
    font-size: 16px;
  }
  .card_landing_section.integrations_popular_bg h6 {
    font-size: 16px;
  }
  .card_link_landing a {
    font-size: 16px;
  }
  .card_landing_section.integrations_popular_bg .card_link_landing {
    font-size: 16px;
  }
  .container_trial .landing_page_charging img {
    width: 48px !important;
    height: 48px;
  }

  .container_trial .beta-charging p {
    color: #485a63;
    font-size: 16px;
  }
  .img_position {
    position: relative;
    left: 50px;
  }
  .utube_rows {
    display: grid;
    align-content: center;
    grid-gap: 20px;
    grid-template-columns: 33% 33% 33%;
  }
  .cogni_fav_apps_header h1 {
    font-size: 35px;
  }
  .cogni_fav_apps_header p {
    font-size: 16px;
  }
  #exampleModalCenter .modal-dialog {
    max-width: 60%;
  }
  #exampleModalCenter1 .modal-dialog {
    max-width: 60%;
  }

  .card_office.solutions_card img {
    width: 48px !important;
  }
  .integrations_card_desk .card_head h5 {
    font-size: 16px;
  }
  .card_office.solutions_card {
    padding: 0px 15px;
    height: 70px;
  }
  .integrations_card_desk .card_head p {
    font-size: 14px;
  }
  .card_head.solutions_card {
    padding: 15px;
  }
  .know-how-assistant-content h3 {
    font-size: 2.5rem;
  }
  .solutions_center h1 {
    font-size: 39px;
  }
  .solutions_center p {
    font-size: 1.1rem;
  }
  .solutions_center .start-free-trail {
    margin: 0px;
  }
  .solutions_header {
    padding-bottom: 12rem;
  }
  .solution_service_card h5 {
    font-size: 22px;
  }
  .solution_service_card p {
    font-size: 1rem;
  }
  .conversational_facelift_card p {
    font-size: 14px;
  }
  .pad_25 {
    padding: 0px 30px !important;
  }
  .container_trial .beta-charging {
    padding-top: 15px;
    margin: 0 6%;
  }
}
@media (max-width: 1500px) {
  .bg_feature_slider {
    padding-bottom: 300px;
  }
  .features_content_left {
    width: 100%;
    float: left;
    margin-top: 265px;
  }
  .feature_inner_page.bg_feature_slider .features_change_img-center img {
    width: 82%;
    float: left;
    margin: 0 auto;
  }
  .helpdesk_solutions .bg_card_1 .cogni_workspace_content {
    padding: 55px 30px;
  }
  .helpdesk_solutions .bg_card_2 .cogni_workspace_content {
    padding: 55px 30px;
  }
  .helpdesk_solutions .bg_card_3 .cogni_workspace_content {
    padding: 55px 30px;
  }
  .helpdesk_solutions .bg_card_4 .cogni_workspace_content {
    padding: 55px 30px;
  }
  .helpdesk_solutions .suprcharging_benefits .cogni_workspace_content p {
    font-size: 16px;
  }
  .helpdesk_solutions .cogni_workspace_content h3 {
    font-size: 20px;
  }
  .img_position {
    position: relative;
    left: 45px;
  }

  .landing_page.trial_page_img .feature_page_content_left h3 {
    font-size: 36px;
    font-family: "Gordita-Medium";
  }
  .container_trial .main-slider-left p {
    font-size: 18px;
  }
  .container_trial .cognii_work_content .cogni_works p {
    color: #416183;
    font-size: 18px;
  }
  .trail_apps_landing .cogni_fav_apps_header p {
    color: #416183;
    font-size: 18px;
    padding: 0px 10rem;
  }
  .container_trial .more-faqs-content p {
    font-size: 18px;
  }

  .container_trial .feature_page_content_left p,
  .card_link_landing a {
    font-size: 18px;
  }
  .container_trial .main-slider-left h1 {
    font-size: 38px;
  }
  .container_trial .main-slider-left h1.header_integrations {
    color: #416183;
    font-family: "Roboto-Medium";
    font-size: 28px;
  }
  .container_trial .main-slider-left h1.header_integrations_name {
    font-size: 44px;
  }
  .container_trial .cognii_work_content .cogni_works h1 {
    font-size: 36px;
  }
  .page_header_center h1 {
    font-size: 36px;
  }
  .container_trial .trail_apps_landing h1 {
    font-size: 36px;
  }
  .trial_accordian_landing h2 {
    font-size: 36px;
  }
  .card_landing_trial h4 {
    font-family: "Gordita-Medium";
    font-size: 25px;
    margin: 15px 0px;
  }
  .trial_cards_page p {
    font-size: 18px;
    line-height: 27px;
  }
  .container_trial .accordian_landing .accordion .link {
    cursor: pointer;
    display: block;
    padding: 15px 15px 15px 42px;
    color: #4095e9;
    font-size: 20px;
  }
  .accordian_landing .submenu li {
    font-size: 18px;
  }
}
@media (max-width: 1400px) {
  .chat_channels_trial_btn {
    width: auto;
    float: left;
    font-size: 18px;
    font-family: "Roboto-Bold";
  }

  .img_position {
    position: relative;
    left: 42px;
  }
  .landing_page.trial_page_img .feature_page_content_left h3 {
    font-size: 34px;
    font-family: "Gordita-Medium";
  }
  .container_trial .main-slider-left p {
    font-size: 16px;
  }
  .container_trial .feature_inner_page.bg_feature_slider .main-slider-left p {
    font-size: 16px;
    width: 100%;
    float: left;
    text-align: center;
    padding-right: 0px;
  }
  .container_trial .cognii_work_content .cogni_works p {
    color: #416183;
    font-size: 16px;
  }
  .trail_apps_landing .cogni_fav_apps_header p {
    color: #416183;
    font-size: 16px;
  }
  .container_trial .more-faqs-content p {
    font-size: 16px;
  }

  .container_trial .feature_page_content_left p,
  .card_link_landing a {
    font-size: 16px;
  }
  .container_trial .main-slider-left h1 {
    font-size: 36px;
  }
  .container_trial .cognii_work_content .cogni_works h1 {
    font-size: 34px;
  }
  .page_header_center h1 {
    font-size: 34px;
    padding: 0px 10%;
  }
  .container_trial .trail_apps_landing h1 {
    font-size: 34px;
  }
  .trial_accordian_landing h2 {
    font-size: 34px;
  }
  .card_landing_trial h4 {
    font-family: "Gordita-Medium";
    font-size: 22px;
    margin: 15px 0px;
  }
  .trial_cards_page p {
    font-size: 16px;
  }
  .container_trial .accordian_landing .accordion .link {
    cursor: pointer;
    display: block;
    padding: 15px 15px 15px 42px;
    color: #4095e9;
    font-size: 19px;
  }
  .accordian_landing .submenu li {
    font-size: 16px;
  }
}
@media (max-width: 1300px) {
  .img_position {
    position: relative;
    left: 40px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1600px) {
  .utube_content {
    padding: 0px 10px;
  }
  .solutions_left_img {
    width: 140%;
  }
  .signup_form h2 {
    font-size: 30px;
    margin-bottom: 20px !important;
  }
  .sign_up-form_us {
    margin-top: 0px !important;
  }
  .sign_up-form {
    padding: 30px 30px !important;
  }
  #_form_1_ ._submit {
    margin-bottom: 20px;
  }
  #_form_1_ input[type="date"],
  #_form_1_ input[type="text"],
  #_form_1_ textarea {
    padding: 0px;
  }
}
@media (min-width: 1050px) and (max-width: 1680px) {
  .lightbox .lightbox-close {
    right: 9.5% !important;
    top: 8% !important;
  }

  .lightbox .lightbox-container {
    max-width: 1200px !important;
  }
}

@media (min-width: 900px) and (max-width: 1440px) {
  .lightbox .lightbox-container {
    max-width: 1024px !important;
  }
}

@media (min-width: 800px) and (max-width: 1280px) {
  .solutions_center h1 {
    font-size: 1.9rem;
  }
  .lightbox .lightbox-close {
    right: 9.5% !important;
    top: 8% !important;
  }
  .lightbox .lightbox-container {
    max-width: 900px !important;
  }
}

@media (min-width: 640px) and (max-width: 1024px) {
  .lightbox .lightbox-container {
    max-width: 700px !important;
  }

  .lightbox .lightbox-close {
    top: 7% !important;
    right: 13% !important;
  }
}
@media (max-width: 1000px) {
  .x_scroll_page {
    width: 100%;
    float: left;
    display: flex;
    flex-direction: row;
    overflow-x: scroll;
    padding-left: 20px;
    padding-right: 20px;
  }
  .how_it_works_header {
    flex-basis: inherit;
    margin-right: 22%;
  }
  .how_it_content img {
    width: auto;
    height: 200px;
  }
  .how_it_content p {
    padding-right: 0px;
    text-align: center;
  }
  .how_it_content h3 {
    text-align: center;
  }
  .how_it_works_header:last-child {
    padding-right: 20px;
  }
  .how_it_content_before:before {
    left: 111%;
  }
  .zoho_desk_bg {
    background: #ddedff;
    background-size: cover;
    background-position: 50% 40%;
    padding: 2rem 0px;
  }
  .integration_header_top {
    padding: 0px;
  }
  .integration_header_top h1.header_integrations {
    text-align: center;
  }

  .container_trial .integration_header_top h1.header_integrations_name {
    text-align: center;
    margin-bottom: 30px;
  }
  .inegrations_header_right img {
    width: 100px;
    height: 100px;
    position: relative;
    top: 10px;
  }
  .inegrations_header_right {
    padding-top: 0px;
    padding-bottom: 20px;
  }
  .form_below_content span {
    margin-right: 0px;
    font-size: 15px;
  }
  .left-whitespace {
    display: none;
  }
  .featured_content .slick-prev {
    right: 110px;
  }
  .featured_content .drag {
    position: absolute;
    right: 55px;
  }
  .featured_content .slick-next {
    right: 20px;
  }
  .img_position {
    position: relative;
    left: 0;
  }

  .integrations_pages .beta-charging ul li {
    width: 47%;
  }
  .feature_pageinner_content_img.mob_chat_flex .feature_page_img_center {
    order: 2;
    justify-content: center;
    display: flex;
  }
  .feature_pageinner_content_img.mob_chat_flex .feature_page_img_center img {
    width: 80%;
  }

  .x_scroll_page {
    padding-top: 50px;
  }
  .how_it_landing_footer.know-how-assistant {
    margin-top: 0px;
  }
  .col-sm-12.cards_features_header {
    padding: 0px !important;
  }
  .new_design_landing_footer {
    margin-top: 0px;
    padding-top: 0px;
  }
  .feature_page_img_right {
    margin-top: 30px;
  }
  .feature_page_img_left {
    margin-top: 30px;
  }
  .features_img_left .feature_page_img_right {
    justify-content: center;
  }
  .feature_page_img_right img {
    width: 80%;
    height: 100%;
  }
  /* .feature_pageinner_content_left ul {
    width: 100%;
    float: left;
  } */
  .bg_feature_slider .features_change_img_header {
    position: relative;
    width: auto;
  }
  .new_design_landing_footer .know-how-assistant-content p {
    margin-right: 0px;
  }
  .main-slider.assistant_slider.bg_feature_slider {
    margin-top: 0px;
  }
  .bg_feature_slider .main-slider-left {
    padding-left: 0px;
  }
  .features_change_img {
    padding-left: 0px;
  }
  .bg_feature_slider {
    padding-bottom: 80px;
  }
  .bg_feature_slider.cc_bg_feature_slider {
    padding-bottom: 0px;
  }
  .pl-20-tage .feature_page_content_left {
    padding-left: 15px;
  }
  .pl-10-tage .feature_page_content_left {
    padding-left: 15px;
  }
  .nav-offcanvas-menu ul {
    padding: 0px 47px;
  }
  .features_content_left {
    margin-top: 105px;
  }
  .feature_page_img_right {
    justify-content: center;
  }
  .header-logo .free_trial {
    height: 50px !important;
  }
  .nav-offcanvas.open .powerd_by_product img {
    padding-top: 0px;
  }
  .powerd_by_product p {
    margin-bottom: 0px;
  }
  .footer_content_between_row {
    width: 100%;
    float: left;
    display: flex;
    justify-content: space-between;
    padding-bottom: 65px;
    padding: 0px 15px;
  }
  .footer_logo {
    margin-bottom: 30px;
  }
  .wv-company-name {
    padding-left: 15px;
  }
  .nav-offcanvas-menu ul li:nth-child(5) {
    border-bottom: 1px solid #0000000f;
  }
  /* .nav-offcanvas-menu ul li:nth-child(5) {
    padding-top: 30px;
  } */
  .header-logo .free_trial {
    color: #fff !important;
    width: 100%;
    margin-top: 0px;
  }
  .hamburger svg {
    display: block !important;
  }
  .nav-offcanvas {
    width: 100%;
    background: linear-gradient(135deg, #ffffff 0%, #ffffff 100%);
    height: 100vh;
    position: fixed;
    overflow-x: auto;
    z-index: 2000;
    /* padding: 50px 0; */
    top: 0;
    right: -1200px;
    transition: 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    box-shadow: 0px 10px 27px 0px rgba(0, 0, 0, 0.15);
  }
  .sticky {
    position: fixed;
    z-index: 9999;
    width: 100%;
    background-color: #fff;
    top: 0;
    box-shadow: 0 3px 5px -5px #ccc;
    height: 80px;
    /* display: flex;
    align-items: center; */
    padding-top: 10px;
    transition: transform 0.5s ease;
  }
  .sticky .header-logo {
    margin: 0px;
  }
  .features_content_innerpage {
    margin-top: 60px;
  }
  /* .feature_pageinner_content_left h3 {
    padding-top: 0px;
  } */

  .cards_features_header_div p {
    padding-right: 0px;
    min-height: 90px;
  }
  .feature_pageinner_content_img .feature_page_img_right {
    padding-right: 15px;
  }
  .flex_container_center {
    width: 100%;
    float: left;
  }
  .flex_container_center h3 {
    width: 100%;
    float: left;
    text-align: left !important;
  }
  .flex_container_center p {
    width: 100%;
    float: left;
    text-align: left;
  }
  .new_design_landing_footer .start-free-trail a {
    width: 100%;
    justify-content: center;
    margin-top: 60px;
  }
  .col-lg-.col-md-5.col-sm-12.col-xs-12.know-how-assistant-image.image_feature_hide {
    display: none;
  }
  .new_design_landing_footer
    .know-how-assistant-image.mobile_change_footer_img {
    display: block;
  }
  .features_inner_page_footer img {
    width: 80%;
    float: right;
  }
  .p_t_bg_remove .start-free-trail {
    width: 100%;
    margin-top: 35px;
  }
  .p_t_bg_remove {
    padding-bottom: 80px;
    margin-top: 0px;
  }
  .p_t_bg_remove .row.footer_content_between_row {
    width: 100%;
  }
  .cards_features_header_div a {
    margin-bottom: 60px;
  }
  .p_t_bg_remove .start-free-trail a {
    font-size: 16px;
    padding: 0px 30px;
    width: 100%;
    float: left;
    height: 70px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .feature_pageinner_content_img {
    padding-bottom: 0px;
  }
  /* .feature_pageinner_content_left h3 {
    font-size: 28px;
    width: 100%;
    float: left;
  }
  .feature_pageinner_content_left p {
    font-size: 16px;
    width: 100%;
    float: left;
    padding: 15px;
  } */

  .back_features {
    padding-top: 10px;
  }
  .col-sm-12.cards_features_header {
    padding: 0px 40px;
  }
}
@media (max-width: 1100px) {
  .feature_inner_page.bg_feature_slider .main-slider-left {
    padding: 0px 5%;
  }
  .cards_features {
    margin-top: 0px;
  }
  .featured_content .slick-prev,
  .featured_content .slick-next {
    top: -7px;
  }
  .featured_content h2 {
    font-size: 32px !important;
  }
  .footer_form_right.col-md-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .footer_form_left.col-md-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .footer_form_left p {
    margin-bottom: 10px !important;
  }

  .whitepaer_wrapper_form h3 {
    font-size: 18px;
    justify-content: center;
    display: flex;
    font-family: "Roboto-Medium";
    margin: 20px 0px;
  }
  .trail_apps_landing .cogni_fav_apps_header p {
    padding: 0px 5rem;
  }
  .whitepaer_wrapper_form .para_whitepaer p {
    font-size: 13px !important;
  }
  .bg_header_trial.trial_mb_80 .assistant_right_img {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 40px 0px;
  }
  .container_trial .beta-charging {
    padding-top: 15px;
    margin: 0 auto;
  }
  .container_trial .beta-charging p {
    color: #485a63;
    font-size: 14px;
  }
  .container_trial .pl-20-tage.trial_page_img .feature_page_img_right {
    height: 100%;
  }
  .container_trial .feature_page_img_right img {
    width: 100%;
    height: 100%;
  }
  .container_trial .features_img_left .feature_page_img_right {
    height: 100%;
  }
  .modal_popup_video .video_iframe iframe {
    width: 100%;
    height: calc(100vh - 60vh);
  }
  .landing_page.trial_page_img .feature_page_content_left h3 {
    font-size: 28px;
    font-family: "Gordita-Medium";
  }
  .bg_market_Webinar_page .main-slider-left h1 {
    padding-top: 40px;
  }
  .bg_market_Webinar .main-slider-left h1 {
    padding-top: 40px;
  }
  /*  */
  .trial_mb_80.bg_header_trial .main-slider-left p {
    font-size: 18px;
    margin-bottom: 10px;
    line-height: 24px;
  }
  .container_trial .main-slider-left h1 {
    font-size: 32px;
    margin-bottom: 10px;
  }
  .container_trial .trail_apps_landing h1 {
    font-size: 32px;
  }
  .container_trial .trial_accordian_landing h2 {
    font-size: 32px;
  }
  .cognii_work_content .cogni_works p {
    font-size: 18px;
    padding: 0px;
  }
  .container_trial .feature_page_content_left p,
  .card_link_landing a {
    font-size: 18px;
  }
  .container_trial .landing_page.trial_page_img .feature_page_content_left h3 {
    font-size: 32px;
  }
  .card_landing_trial h4 {
    font-size: 28px;
  }
  .card_landing_trial p {
    font-size: 18px;
    line-height: 27px;
  }
  /*  */

  .video_list_ul {
    display: grid;
    align-content: center;
    grid-gap: 10px;
    grid-template-columns: 15.66% 15.66% 15.66% 15.66% 15.66% 15.66%;
  }
  .container.video_lists_container {
    padding: 0px;
  }
  .trial_mb_80.bg_landing_zendesk h6 {
    color: #fff;
    padding-top: 50px;
  }
  .webinar_forms_head.demo_page h1 {
    font-size: 20px !important;
  }
  .webinar_forms_head.demo_page h1 {
    font-size: 24px !important;
  }
  .webinar_forms_head.demo_page p {
    font-size: 16px;
  }
  .webinar_forms_head.demo_page h6 {
    font-size: 18px;
  }
  .webinar_forms_head.demo_page ul li {
    font-size: 16px;
    margin-bottom: 15px;
  }
  .webinar_forms_head.demo_page {
    padding-bottom: 0px;
  }
  .cogni_fav_apps_header p {
    padding: 0px 15px;
  }
  .beta-main-slider {
    margin-top: 30px;
  }
  .trial_mb_80.bg_header_trial {
    margin-top: 0px;
    padding-bottom: 45px;
    padding-top: 10px;
  }

  .beta-button input[type="text"],
  select {
    width: 33%;
  }
  .beta-button button {
    width: 30%;
  }
  .video_prompt .main-slider-left h1 {
    font-size: 45px;
  }
  .footer_chat .mobile_change_footer_img {
    margin-top: 0px;
  }
  .footer_chat .know-how-assistant {
    padding: 60px 0px;
  }
  .footer_chat .start-free-trail {
    margin-top: 30px;
  }
  .how_it_landing_footer.know-how-assistant {
    margin-top: 0px;
  }
  .demo_page_form {
    width: 90%;
    padding: 15px;
  }
  .icon_arrow {
    position: absolute;
    top: 2%;
    left: -12%;
    right: 0;
    width: 35px;
    height: 35px;
  }
}

@media (max-width: 1024px) {
  .form_below_content {
    display: flex;
    justify-content: space-between;
  }
  .beta-button button {
    font-size: 15px;
  }
  .features_content_left.features_content_left_cc {
    margin-top: 120px;
  }
  .assistant_change_img.feature_cc_slider img {
    width: 100%;
    float: left;
    height: 430px;
    padding: 15px;
    margin: 0px;
  }
  .buton_all_features_page {
    display: block;
  }
  .build_needs h2 {
    font-size: 32px;
  }
  .build_needs p {
    font-size: 16px;
    margin-bottom: 0px;
  }
  .flex_container_center img {
    display: none;
  }
  .cards_features_header_div p {
    padding-right: 0%;
  }
  .know-how-assistant-image.image_feature_hide {
    margin-top: 0px;
  }
  .p_t_bg_remove {
    margin-bottom: 30px;
  }
  .know-how-assistant-image.image_feature_hide img {
    display: block;
  }
  .flex_container_center p {
    text-align: left;
  }
  .col-sm-12.cards_features_header {
    padding-top: 0px;
  }
  .new_design_landing_footer {
    padding-top: 0px;
    margin-top: 0px;
  }
  /* .feature_pageinner_content_left h3 {
    font-size: 28px;
    width: 100%;
    float: left;
  }
  .feature_pageinner_content_left p {
    font-size: 16px;
    width: 100%;
    float: left;
  } */
  .new_design_landing_footer .know-how-assistant-content p {
    margin-right: 0%;
    text-align: center;
  }
  .know-how-assistant-content h3 {
    margin-right: 0px;
    text-align: center;
  }
  .know-how-assistant-content .start-free-trail {
    text-align: center;
  }
  .features_inner_page_footer {
    display: none;
  }
  .know-how-assistant.solutions_assistant p {
    margin-right: 0rem;
  }

  .top-header {
    border-bottom: 1px solid #f5f5f5;
  }
  .hamburger {
    display: none;
  }
  .pb-200 {
    padding-bottom: 0px;
  }
  .sign_up-form {
    padding: 20px !important;
  }
  #_form_1_ {
    padding: 0px;
  }
  .powerd_by_product img {
    margin-bottom: 50px !important;
  }
  .cogni_fav_apps {
    margin-top: 20px;
  }

  .m_t_110 {
    margin-top: 122px !important;
  }
  .wv-nav-header.wv-nav-up {
    top: 0px;
    transition: ease 0.2s;
    background: #fff;
    box-shadow: 0 -9px 12px 0px #7b7b7b;
  }

  .header-logo.mobile-logo {
    z-index: 99;
    height: 70px;
  }
  .main-slider {
    padding-top: 30px;
  }
  .wv-nav-header .top-header-logo {
    background: #fff;
  }
  .mobile-logo {
    height: 60px;
    padding: 13px 0;
    /* position: absolute; */
    /* top: 12px; */
    border-bottom: 1px solid #eceff1;
    margin: 0 0 40px;
    margin-bottom: 0px;
  }
  .hamburger svg {
    display: none;
  }
  /* .top-header-logo img {
    position: relative;
    top: 6px;
  } */
  .top-header-logo {
    background: inherit;
  }
  .nav-offcanvas-menu {
    border-top: 1px solid #ccc;
    margin-top: 20px;
    padding-top: 30px;
  }

  .nav-offcanvas.open img:nth-child(1) {
    width: 140px;
    padding-left: 20px;
    padding-top: 13px;
    position: relative;
    top: 4px;
  }
}

@media (max-width: 375px) {
  .accordian_landing .accordion .link,
  .accordian_landing .accordion li i {
    font-size: 15px;
  }
  .accordian_landing .accordion li i.fa-chevron-down {
    right: 0px;
  }
}

@media (min-width: 767px) and (max-width: 768px) {
  .assistant_slider.home_bg_header img {
    margin-top: 50px;
  }
  .video_iframe span {
    top: 15%;
    margin-left: 20px;
    cursor: pointer;
    right: 4%;
  }
  .bg_header_trial .beta-slider img {
    padding: 0 !important;
    width: 70%;
    margin-top: 30px;
  }
  .modal_popup_video .video_iframe iframe {
    width: 100%;
    height: calc(100vh - 60vh);
  }
  .solutions_header .pl-0.w-30 {
    display: none;
  }
  .solutions_header .w-40 {
    flex: 0 0 66.66% !important;
    max-width: 66.66% !important;
  }
  .bg_landing_zendesk_img {
    display: none;
  }
  .trial_mb_80.bg_landing_zendesk h6 {
    color: #fff;
    padding-top: 50px;
  }

  .bg_slider_home .main-slider-right img {
    width: 100%;
    float: left;
    margin-top: 40px;
  }
  .mob_banner_slide {
    display: flex;
    align-items: center;
    width: 100%;
    float: left;
  }
  .know-how-assistant-image.image_feature_hide img {
    display: none;
  }
  .flex_container_center img {
    display: block;
  }

  .features_content_left {
    margin-top: 300px !important;
  }
  .footer_content_between_row {
    width: 100%;
  }
  .footer_content_between_row .--quick-link {
    margin: 10px 0;
    width: 45%;
  }
  .hamburger {
    position: absolute;
    right: 40px;
    top: 0px;
    cursor: pointer;
  }
  .nav-offcanvas .close {
    right: 40px;
    top: 40px;
  }
  .wv-footer .row.--footer-border {
    flex-direction: column;
  }
  .icon_arrow {
    left: -6%;
  }
}

/* trial page */
.trial_scale {
  width: 100%;
  float: left;
}
.trial_scale p {
  font-style: normal;
  font-stretch: normal;
  line-height: 1.63;
  letter-spacing: normal;
  font-size: 15px;
  margin-top: 20px;
  margin-bottom: -10px;
}
.trial_scale_h2 h2 {
  font-size: 36px;
  font-family: "Roboto-Regular";
  color: #485a63;
  margin-bottom: 40px;
  text-align: center;
}
.sign_up-form_us .dropdown_selct_opt p {
  margin: 0px;
}
.trialup_form_us .dropdown_selct_opt p {
  margin-top: 30px;
}

/* Responsive header */
@media only screen and (max-width: 992px) {
  .container_trial.integrations_container
    .pl-20-tage
    .feature_page_content_left {
    flex-basis: 100%;
  }
  .container_trial.integrations_container .pl-20-tage .feature_page_img_right {
    flex-basis: 100%;
  }
  .container_trial.integrations_container
    .features_header_home
    .align_center_content {
    flex-basis: 100%;
  }
  .container_trial.integrations_container .features_header_home .flex_home {
    flex-basis: 100%;
  }
  .pad_right_20 {
    padding-right: 30px;
  }
  .utube_rows {
    display: grid;
    align-content: center;
    grid-gap: 20px;
    grid-template-columns: 48% 48%;
    justify-content: space-between;
    padding: 0px 10px;
  }

  .iframe_zoho iframe {
    position: relative;
    left: 0%;
    margin-top: 15px;
    width: 100%;
    height: 100vh;
    margin-bottom: 40px;
  }
  .img_mob_res_right {
    display: flex;
    justify-content: flex-end;
    margin-top: 30px;
  }

  .img_mob_res_right img {
    width: 35%;
    height: 100%;
  }
  .flex_container_center img {
    display: block !important;
  }
  .know-how-assistant-image.image_feature_hide img {
    display: none !important;
  }
  .cc_feature_apps .cogni_fav_apps_color {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
  }
  .card_office_cc {
    flex-basis: 25%;
  }
  .cc_feature_apps h5 a {
    margin-top: 10px;
  }
  .cc_feature_apps .card_office_cc h6 {
    text-align: center;
    margin-top: 0px;
    margin-bottom: 60px;
  }
  .assistant_change_img.feature_cc_slider {
    display: block;
  }
  .features_content_left .img_mob_res {
    display: block !important;
    height: 300px;
    width: 100%;
    margin-bottom: 55px;
  }
  .features_content_left.features_content_left_cc {
    margin-top: -190px;
  }
  /* .pl-20-tage .feature_pageinner_content_left {
    padding-left: 15px;
  } */
  .bg_p_wihout_padding {
    padding: 20px;
    margin-top: 20px;
  }
  .mobile_logo_img {
    display: block;
  }
  .--quick-link {
    margin: 10px 0;
    width: 48%;
  }
  .m_t_110 {
    margin-top: 107px !important;
  }
  .hamburger {
    display: block;
  }
  .assistant_change_img .dialog-editor-content {
    height: auto;
  }
  .assistant_change_img img {
    width: 100%;
    float: left;
    height: 100%;
    padding: 15px;
    margin: 0px;
  }
  .landing_contact h2 {
    margin-bottom: 40px;
  }
  .accordian_landing h2 {
    margin-bottom: 40px;
  }
  .mobile-logo {
    height: 60px;
    padding: 13px 0;
    /* position: absolute; */
    /* top: 12px; */
    border-bottom: 1px solid #eceff1;
    margin: 0 0 40px;
    margin-bottom: 0px;
  }
  .mobile-logo .col-lg-3 a {
    position: relative;
    top: 7px;
  }
  .mobile-logo .hamburger {
    top: 21px;
  }
  .menu_border_bottom {
    width: 100%;
    float: left;
    border-bottom: 1px solid #eceff1;
    position: relative;
    top: -50px;
    height: 60px;
  }
  .menu_border_bottom a img {
    position: relative;
    top: 10px;
    left: 10px;
  }

  /* .mobile-logo .nav-offcanvas .close {
    top: 28px;
  } */
  .top-header {
    border-bottom: 1px solid #f5f5f5;
  }
  .mobile-logo .ti-menu:before {
    color: #101629;
    content: "\e68e";
  }
  .mobile-logo .ti-close:before {
    color: #101629;
    content: "\e646";
    font-size: 18px;
  }
  .header-logo ul li {
    padding-bottom: 30px;
  }

  .mobile-logo .main-download-broucher a {
    text-align: center;
    color: #2468f6;
    font-size: 14px;
    font-family: Roboto-Bold;
    margin: 0px;
    padding: 0px;
  }
  .powerd_by_product {
    width: 100%;
    float: left;
  }
  .powerd_by_product p {
    text-align: center;
    color: #b0bec5;
    font-size: 14px;
    font-weight: 500;
    font-family: Roboto-Regular;
  }
  .powerd_by_product img {
    width: 120px;
    margin: 0 auto;
    display: block;
  }
  .beta_landing_head p {
    padding: 0px;
  }
  .beta_landing_head_link {
    margin-bottom: 20px;
  }
  .cogni_fav_apps_head_img_left img {
    display: none;
  }
  .cogni_fav_apps_head_img_right img {
    display: none;
  }
  .carousel-inner img {
    width: 100%;
    height: 100%;
  }
  .assistant_change_img {
    width: 100%;
    height: 100%;
  }
  .assistant_change_img img {
    width: 100%;
    float: left;
    height: 100%;
  }
  .assistant_change_img .dialog-editor-content {
    width: 100%;
    float: left;
  }
  .beta_landing_change_img {
    width: 100%;
    margin: 0 auto;
    position: relative;
    margin-top: 0px;
    top: 0px;
    padding-top: 80px;
    margin-bottom: 0px;
  }
  .beta_landing_card {
    margin-top: 55px;
  }
  .beta_landing_card h4 {
    text-align: center;
    font-size: 34px;
  }
  .landing_contact_img {
    display: none;
  }
  .landing_contact_left {
    padding-right: 15px !important;
    margin-bottom: 60px;
  }
  .accordian_landing .accordion .link {
    padding: 15px 15px 15px 0px;
  }
  .beta_landing_head h1 {
    font-size: 40px;
  }
  .beta_landing_head {
    padding-top: 0px;
  }
  .carousel-control-prev-icon {
    display: none !important;
  }
  .carousel-control-next-icon {
    display: none !important;
  }
  .carousel-indicators {
    bottom: -45px !important;
  }
  .hide_data_landing h2 {
    margin-bottom: 30px;
    text-align: center;
  }
  .hide_data_landing {
    margin-top: 40px;
  }
  .data_landing_success h2 {
    text-align: center;
  }
  .landing_expand_para {
    margin-top: 40px;
  }
}
@media only screen and (min-width: 1000px) and (max-width: 1024px) {
  .icon_arrow {
    position: absolute;
    top: 4%;
    left: -10px;
  }
  .calendly-inline-widget {
    height: calc(60vh - 0vh) !important;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .statistics-boggle-content .newsletter_content_left p {
    font-size: 18px;
    padding: 0px;
    text-align: left;
  }
  .statistics-boggle-content .newsletter_content_right p {
    font-size: 18px;
    padding: 0px;
    text-align: left;
  }
  .statistics-boggle-content.whitepaper-boggle-content h3 {
    width: 45%;
    float: left;
    margin-bottom: 30px;
  }
  .whitepaer_border .row {
    padding: 60px 40px;
  }
  .container_trial .trial_mb_80.bg_header_trial .main-slider-left p {
    margin-bottom: 30px;
    line-height: 24px;
    margin-top: 30px;
  }
  .container_trial .feature_page_content_left p,
  .card_link_landing a {
    font-size: 18px;
  }
  .cognii_work_content .cogni_works h1 {
    font-size: 32px;
  }
  .container_trial .cognii_work_content .cogni_works p {
    font-size: 18px;
  }
  .card_landing_trial h4 {
    font-size: 22px;
  }
  .card_landing_trial p {
    font-size: 16px;
    line-height: 24px;
  }
  .trail_apps_landing .cogni_fav_apps_header p {
    font-size: 18px;
  }
  .trial_mb_80.bg_landing_zendesk h6 {
    color: #fff;
    padding-top: 50px;
  }
  .container_trial p {
    font-size: 18px;
  }
  .bg_slider_home .main-slider-right img {
    width: 100%;
    float: left;
  }
  .mob_banner_slide {
    display: flex;
    align-items: center;
    width: 100%;
    float: left;
  }

  .buton_all_features_page {
    display: none;
  }
  /* .feature_pageinner_content_left {
    display: flex;
    align-items: center;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: center;
  } */
  .features_inner_page_footer img {
    width: 65%;
    float: right;
  }
  .features_content_left {
    margin-top: 200px;
  }
  .features_inner_page_footer {
    display: block;
    width: 100%;
    float: left;
  }

  .solutions_left_img {
    background-position-x: -121px;
    width: 140%;
  }
  .solutions_right_img {
    background-position-x: 35px;
    width: 170%;
  }
  .solutions_header .w-40 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .solutions_header .w-30 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .conversational_facelift_header h4 {
    font-size: 24px;
  }
  .solutions_integrations_card h4 {
    font-size: 24px;
  }
  .mobile-logo {
    border: none;
  }
  .scroll-prompt .scroll-prompt-arrow-container {
    margin-left: 10px;
  }
  .landing_contact_img {
    margin-top: -132px;
    right: 33px;
  }
  .landing_contact_img img {
    position: relative;
    width: 190px;
  }

  .scroll-prompt_dropdown {
    position: relative;
    top: 65px;
    transform: rotate(-180deg);
    left: -10px;
  }

  .assistant_change_img img {
    width: 56%;
    float: left;
    height: 235px;
    padding: 15px;
    margin: 0px;
  }
  .assistant_change_img {
    height: auto;
  }

  .assistant_change_img .dialog-editor-content {
    width: 44%;
    float: left;
    height: auto;
  }
  .trial_page_bottom {
    margin-top: 0px !important;
  }
}

@media screen and (max-width: 768px) {
  .mob_res_slide {
    width: 100%;
    display: flex;
    margin: 0 auto;
  }
  .mob_res_slide li {
    float: left;
    margin: 0px 5px;
  }
  .desktop_slider_cc {
    display: block;
  }
  .carousel-indicators.mob_res_slide {
    display: flex;
    margin: 0 auto;
  }
  .carousel-indicators {
    bottom: -35px !important;
  }
  .carousel-indicators .active {
    position: relative;
  }
  .carousel-indicators .active:before {
    content: "";
    position: absolute;
    width: 16px;
    height: 16px;
    border: 1px solid #2468f6;
    top: -3px;
    border-radius: 50%;
    left: -3px;
  }

  .footer_form {
    padding: 0px 15px;
  }
  .assistant_change_img.feature_cc_slider #carouselExampleIndicators {
    margin-bottom: 40px;
  }
  .card_link_landing.jira_landing_link a {
    margin-right: 0px;
    font-size: 14px;
  }

  .mob_res_slide .carousel-indicators li {
    margin: 0px 12px;
    float: left;
  }
  .bg_p_wihout_padding_slack {
    background: #8b4d8b;
  }
  .bg_p_wihout_padding {
    min-height: auto;
  }
  .bg_p_wihout_padding_slack h3 {
    color: #fff;
  }
  .bg_p_wihout_padding_slack p {
    color: #fff !important;
  }
  .bg_p_wihout_padding.bg_p h3 {
    color: #fff;
  }

  .bg_p_wihout_padding_slack {
    margin-bottom: 20px;
  }
  .card_link_landing.jira_landing_link {
    display: flex;
    justify-content: space-between;
  }
  .icon-top-img img {
    width: 64px;
    height: 64px;
  }
  .card_landing_section {
    max-width: 48%;
    flex: 0 0 48%;
    float: left;
    margin-bottom: 40px;
  }
  .chat_channels_trial_btn img {
    width: 50px;
    height: 50px;
    margin-right: 10px;
  }
  .card_landing_section:nth-child(3) {
    margin-bottom: 0px;
  }
  .mobile_dropdown {
    display: block;
  }
  .video_lists {
    display: none;
  }
  #exampleModalCenter .modal_body_right {
    display: none;
  }
  #exampleModalCenter .modal-body {
    width: 100%;
    float: left;
  }
  #exampleModalCenter1 .modal_body_right {
    display: none;
  }
  #exampleModalCenter1 .modal-body {
    width: 100%;
    float: left;
  }
  .btn_close_popup {
    font-size: 35px;
    position: relative;
    left: 15px;
  }
  .modal_submit_form .modal-header h5 {
    font-size: 22px;
    font-family: "Roboto-Medium";
    padding-top: 15px;
    text-align: center;
  }
  .features_content_left.features_content_left_cc {
    margin-top: 0px !important;
  }
  .assistant_change_img.feature_cc_slider img {
    width: 100%;
    float: left;
    height: auto;
    padding: 0px;
    margin: 0px;
    margin-bottom: 20px;
    margin-top: 20px;
  }
  .bg_feature_slider .features_change_img_header {
    padding-right: 0px;
  }
  .know-how-assistant-image img {
    width: 50%;
  }
  .text-right.sm-align-left {
    width: 100%;
    text-align: left !important;
    padding-bottom: 10px;
  }
  .footer_social_icons .wv-social-link img {
    margin-left: 0px;
    width: 26px;
    height: 26px;
    margin-right: 20px;
  }
  .--footer-sublink {
    width: 100%;
    float: left;
    padding-bottom: 24px;
  }
  .--footer-sublink ul {
    display: inline-flex;
  }
  .--footer-sublink ul li {
    padding-right: 25px;
  }
  .footer_social_icons {
    width: 100%;
    float: left;
    flex-wrap: wrap;
    padding-bottom: 24px;
  }
  .footer_social_icons span {
    width: 100%;
    float: left;
    margin-bottom: 10px;
  }
  .row.--footer-border {
    width: 100%;
    float: left;
    padding: 30px;
    height: auto;
    display: flex;
    flex-direction: column-reverse;
  }
  .trial_page_bottom {
    margin-top: 0px !important;
  }
  .know-how-assistant-content h3 {
    font-size: 32px;
  }
  .solutions_header {
    padding-bottom: 6rem;
    overflow: hidden;
    padding-top: 0px;
  }
  .solutions_left_img {
    background-position-x: -121px;
    width: 140%;
  }
  .solutions_right_img {
    background-position-x: 35px;
    width: 170%;
  }
  .solutions_header .w-40 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .solutions_header .w-30 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .solutions_center h1 {
    font-size: 34px;
    margin-top: 20px;
  }
  .solution_service_card {
    padding: 30px 30px 0px 30px;
  }

  .--quick-link ul {
    display: none;
  }
  .--quick-link ul.show {
    display: block;
  }
  .--quick-link h4:after {
    content: "\f107";
    float: right;
    font-family: "FontAweSome";
    font-size: 20px;
  }
  .--quick-link h4.arrow-up:after {
    transform: rotate(180deg);
  }
}

@media screen and (max-width: 767px) {
  .pl-0.mob_res_slide {
    padding-left: 15px !important;
  }
  .container_trial .integration_header_top h1.header_integrations_name {
    font-size: 34px;
    margin: 15px 0px;
  }
  .container_trial .pl-20-tage.trial_page_img .feature_page_img_right {
    padding: 0px 30px;
  }
  .container_trial.integrations_container
    .pl-20-tage
    .feature_page_content_left {
    padding: 0px 30px;
  }
  .container_trial.integrations_container
    .pl-10-tage
    .feature_page_content_left {
    padding: 0px 30px;
  }
  .container_trial.integrations_container .pl-10-tage .feature_page_img_right {
    padding: 0px 30px;
  }
  .integration_header_top h1.header_integrations {
    color: #416183;
    font-family: "Roboto-Medium";
    font-size: 22px;
  }
  .inegrations_header_right img {
    width: 84px;
    height: 84px;
  }
  .bg_feature_slider.cc_bg_feature_slider {
    padding-bottom: 100px;
  }
  .assistant_change_img.feature_cc_slider {
    width: 100%;
  }
  .bg_feature_slider .features_change_img_header {
    position: relative;
    width: auto;
  }
  .feature_pageinner_content_img.p-t-50 {
    padding-top: 80px;
  }
  .feature_pageinner_content_img.m_b_80 {
    margin-bottom: 0px;
  }
  .apps_integrations_home .cc_feature_apps_header h2 {
    padding: 0px 15px;
    margin-bottom: 20px;
  }
  .cards_features .cards_features_header_div a {
    padding-bottom: 0px;
  }
  .how_it_content_before:before {
    display: none;
  }
  .trial_page_img.bg_trial_page {
    background: #f8f8f8;
    padding-top: 40px;
    padding-bottom: 40px;
    margin-bottom: 40px;
  }
  .apps_integrations_home .cogni_fav_apps.cc_feature_apps {
    padding-bottom: 40px !important;
    padding-top: 40px;
    margin-bottom: 40px;
  }
  .build_needs {
    padding: 0px;
  }

  .pl-10-tage h3 .icon-header-left {
    width: 60px;
    height: 60px;
    position: absolute;
    filter: none;
    left: -15px;
    top: -10px;
  }
  .zoho_desk_bg {
    margin-bottom: 40px;
  }
  .trial_page_img.how_it_works_pad_top {
    padding-top: 40px;
  }
  .features_content_left {
    padding-bottom: 40px;
  }
  .features_img_left {
    padding-bottom: 40px;
  }
  .featured_content {
    margin-bottom: 40px;
  }
  .trial_cards_page {
    margin-bottom: 40px;
  }
  .footer_form {
    margin-bottom: 40px;
  }
  .build_needs p {
    padding-bottom: 40px;
  }
  .helpdesk_solutions.how-it-works-solutions {
    margin-bottom: 40px;
  }
  .integrations_page_form .feature_page_img_right img {
    padding-top: 20px;
  }
  .whitepaer_border .row {
    padding: 25px;
  }
  .statistics-boggle-content
    .newsletter_content_wrapper
    .newsletter_content_left
    p:last-child {
    margin-bottom: 30px;
  }
  .statistics-boggle-content.whitepaper-boggle-content h3 {
    width: 100%;
    float: left;
  }
  .content_wrapper_bg {
    padding: 40px 25px;
  }
  .cards_div_nesletter {
    flex: 0 0 100%;
  }
  .newsletter-explorations h1.header_top_left {
    font-size: 32px;
  }
  .statistics-boggle-content .header_top_left {
    font-size: 32px;
    margin-bottom: 40px;
  }
  .header_top_red {
    font-size: 26px !important;
  }
  .paper_blog_wrapper .statistics-boggle-content h3 span {
    font-size: 24px;
  }
  .newsletter_content_left {
    flex: 0 0 100%;
  }
  .statistics-boggle-content .newsletter_content_left p {
    font-size: 18px;
    text-align: left;
  }
  .statistics-boggle-content .newsletter_content_right p {
    font-size: 18px;
    text-align: left;
  }
  .newsletter_content_right {
    flex: 0 0 100%;
  }
  .page_header_center h1 {
    font-size: 32px;
    padding: 0px 3%;
    margin-top: 0px;
    margin-bottom: 40px;
  }
  .center_image_home .main-slider-left h1 {
    padding: 0px;
    margin-top: 40px;
  }
  .home_bg_header .p-r-35 {
    padding-right: 15px;
  }
  .helpdesk_solutions .bg_card_3 .cogni_workspace_content {
    padding: 30px 20px;
  }
  .helpdesk_solutions .bg_card_1 .cogni_workspace_content {
    padding: 30px 20px;
  }
  .helpdesk_solutions .bg_card_2 .cogni_workspace_content {
    padding: 30px 20px;
  }
  .helpdesk_solutions .bg_card_4 .cogni_workspace_content {
    padding: 30px 20px;
  }
  .cards_wrapper_home {
    width: 100%;
    float: left;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
  }
  .cogni_fav_apps.cc_feature_apps .row {
    width: auto;
    float: left;
    padding: 20px;
  }
  .apps_integrations_home .marketplace_integrations_icons {
    padding: 60px 10px 80px 10px;
  }
  .apps_links_home a:first-child {
    margin-right: 0px;
  }
  .apps_links_home a {
    font-size: 15px;
  }
  .apps_links_home {
    justify-content: space-evenly;
  }
  .apps_integrations_home .card_office_cc {
    width: 33.33%;
    margin-bottom: 0px;
  }
  .apps_integrations_home .cc_feature_apps .card_office_cc h6 {
    text-align: center;
    margin-top: 0px;
    margin-bottom: 30px;
  }
  .cards_wrapper_home .col-md-6 {
    flex-basis: 100%;
    max-width: 100%;
  }
  .cards_wrapper_home .col-md-6:first-child {
    margin-bottom: 40px;
  }
  .featured_content .slick-next {
    right: 17px;
  }
  .featured_content .slick-prev {
    right: 60px;
  }
  .featured_content .slick-prev,
  .featured_content .slick-next {
    top: -16px;
  }
  .featured_content .drag {
    display: none !important;
  }
  .footer_form {
    padding: 0px 15px;
  }
  .footer_form_container {
    border-radius: 18px;
    padding: 40px 15px !important;
  }
  .footer_form_container .form_below_content {
    padding-bottom: 12px;
  }
  .form_below_content {
    width: 100%;
    float: left;
    display: flex;
    justify-content: space-between;
  }
  .form_below_content span {
    margin: 0px;
    font-size: 14px;
  }
  .trail_apps_landing .cogni_fav_apps_header p {
    padding: 0px;
  }

  .webinar_footer_img {
    display: none;
  }
  .container_trial .main-slider-left {
    padding: 0 0 40px;
    padding-bottom: 0px;
  }
  .bg_header_trial.trial_mb_80 .assistant_right_img {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0px;
    padding-bottom: 20px;
  }
  .container_trial .feature_page_content_left p,
  .card_link_landing a {
    font-size: 16px;
  }
  .cognii_work_content .cogni_works h1 {
    font-size: 32px;
  }
  .container_trial .cognii_work_content .cogni_works p {
    font-size: 16px;
    margin-left: 10%;
    margin-right: 10%;
  }
  .card_landing_trial h4 {
    font-size: 22px;
  }
  .card_landing_trial p {
    font-size: 16px;
    line-height: 24px;
  }

  .modal_popup_video .video_iframe iframe {
    width: 100%;
    height: calc(100vh - 35vh);
  }
  .video_iframe span {
    width: 26px;
    height: 26px;
    border: 1px solid #fff;
    border-radius: 50%;
    top: -20px;
    margin-left: 16px;
    cursor: pointer;
    position: absolute;
    right: -12px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .video_iframe span svg {
    width: 11px;
    height: 11px;
  }

  .trial_mb_80.bg_header_trial .main-slider-left p {
    font-size: 16px;
    margin-bottom: 10px;
  }
  .landing_page .feature_page_content_left h3 {
    font-size: 27px;
  }
  .modal_submit_form .modal-body-header {
    overflow-y: scroll;
    height: calc(100vh - 48vh);
  }
  .solutions_header .main-slider-button {
    margin-bottom: 40px;
  }
  .knowledge_header_form .main-slider-button.beta-button {
    width: 100%;
    margin: 0;
    display: inline-block;
  }
  .bg_slider_home.m_b_80 {
    padding: 30px 0px;
  }
  .integrations_img {
    margin-top: 30px;
  }

  .iframe_zoho iframe {
    position: relative;
    left: 0%;
    margin-top: 30px;
    margin-left: -34px;
    height: 100vh;
    width: 100vw;
  }
  /* webinar and demo page toggle */
  .beta-charging.landing_page_charging ul li {
    width: 33.33%;
  }
  .integrations_pages .beta-charging.landing_page_charging ul li {
    width: 47%;
    margin-bottom: 20px;
  }
  .img_mob_res_right {
    display: flex;
    justify-content: flex-end;
    margin-top: 30px;
  }

  .img_mob_res_right img {
    width: 45%;
    height: 100%;
  }
  .sign_up-form_us.demo_page p {
    margin-bottom: 0px;
  }
  .demo_page_right.webinar_page_right {
    display: none;
  }
  .webinar_form.webinar_form_mobile {
    display: block;
    width: 100%;
    float: left;
  }
  .demo_page_right.demo_page_right_responsive {
    display: none;
  }
  .demo_page_right.demo_page_responsive {
    display: block;
    width: 100%;
    float: left;
    margin-bottom: 30px;
  }

  /* webinar and demo page toggle */
  .feature_pageinner_content_img.mob_chat_flex .feature_page_img_center img {
    width: 95%;
  }
  .add-to-slack_wrapper {
    justify-content: center;
  }
  .apps_integrations.apps_integrations_chat .cc_feature_apps_header h2 {
    text-align: center;
    padding: 0px 15px;
  }
  .apps_integrations_chat .cc_feature_apps_header p {
    padding: 0px;
    text-align: center;
    margin-bottom: 40px;
    font-size: 15px;
  }
  .mob_chat_flex {
    margin-bottom: 0px;
  }
  .bg_landing_zendesk_img {
    display: none;
  }
  .trial_mb_80.bg_landing_zendesk h6 {
    color: #fff;
    padding-top: 20px;
  }
  .apps_integrations_slack .cc_feature_apps_header h2 {
    margin-bottom: 0px;
  }
  .apps_integrations_slack .cc_feature_apps .card_office_cc {
    margin-top: 30px;
  }
  .apps_integrations_slack .cc_feature_apps .card_office_cc h6 {
    margin-bottom: 0px;
  }

  .trial_mb_80.bg_landing_zendesk {
    margin-top: 0px;
  }
  .assistant_right_img.beta-slider img {
    display: none !important;
  }
  .header.sticky .mobile-logo {
    border-bottom: 1px solid #fff;
  }
  .beta-content {
    margin-top: 60px !important;
  }
  #_form_14_ ._form_element {
    margin-bottom: 10px;
  }
  .webinar_form {
    padding-left: 0px;
  }
  #_form_14_ button[type="submit"] {
    padding: 0px;
    font-size: 16px;
    width: 100%;
    cursor: pointer;
    margin-bottom: 20px;
  }
  #_form_14_ input[type="text"] {
    font-size: 14px;
  }
  .feature_page_content_left a {
    padding-top: 0px;
  }
  .mob_res_cards .mt_30 {
    margin-top: 0px;
  }
  .mob_res_cards .cognii_work_content .benefits-workplace-content img {
    margin-top: 20px;
  }
  .beta-button input[type="text"],
  select {
    width: 34%;
  }
  .beta-button button {
    width: 30%;
  }
  .video_prompt .main-slider-left h1 {
    font-size: 35px;
    padding: 0px 15px;
  }

  .home_works_content.cognii_work_content .benefits-workplace-content img {
    width: 100%;
    float: left;
  }

  .marketplace_integrations_icons {
    padding: 60px 10px 0px 10px;
  }
  .bg_slider_home .main-slider-right img {
    width: 100% !important;
    float: left;
    display: block;
    margin-top: 50px;
    height: 100%;
  }
  .mob_banner_slide {
    display: flex;
    align-items: center;
    width: 100%;
    float: left;
  }
  .bg_slider_home .main-slider-right {
    width: 100%;
    float: left;
    display: block;
  }

  .footer_chat .start-free-trail a {
    width: 100%;
    float: left;
    font-family: "Roboto-Medium";
    font-size: 14px;
    text-align: center;
    color: #ffffff;
    background-color: #2468f6;
    padding: 0px 48px;
    border-radius: 0px;
    height: 56px;
    display: inline-flex;
    align-items: center;
  }
  .footer_chat .start-free-trail {
    margin-top: 0px;
  }

  .how_it_section .container {
    padding: 0px 15px;
  }
  .x_scroll_page {
    width: 100%;
    float: left;
    display: flex;
    flex-direction: column;
    overflow-x: hidden;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 0px;
  }
  .how_it_works_header {
    flex-basis: inherit;
    margin-right: 0px;
  }
  .how_it_content img {
    width: 100%;
    height: 100%;
  }
  .how_it_content p {
    padding-right: 0px;
    text-align: center;
  }
  .how_it_content h3 {
    text-align: center;
  }
  .how_it_works_header:last-child {
    padding-right: 20px;
  }
  .how_it_section .feature_page_content_left p {
    padding-right: 20px;
  }
  .features_change_img-center img {
    width: 100%;
  }
  .features_change_img-center video {
    width: 100%;
    float: left;
    margin-top: 40px;
  }
  .container_trial .main-slider-left h1 {
    font-size: 26px;
    margin-bottom: 30px;
  }
  .sticky .header-logo img {
    position: relative;
    top: 4px;
  }
  .features_content_left .img_mob_res {
    display: block !important;
    height: 240px;
    width: 100%;
    margin-bottom: 0px;
  }
  .features_content_left.features_content_left_cc {
    margin-top: -185px !important;
  }

  .cc_feature_apps_header h2 {
    padding: 0px;
    font-size: 27px;
    text-align: left;
  }
  .card_office_cc {
    flex-basis: 33.33%;
  }
  .buton_all_features_page_toggle {
    display: none;
  }
  .training_feature_h4 {
    font-size: 27px;
    text-align: left;
    padding-left: 15px;
    margin-bottom: 0px;
  }
  .build_needs h2 {
    font-size: 30px;
  }

  .cards_features_header_div img {
    width: 56px;
    height: 56px;
    margin-bottom: 24px;
  }
  .cards_features_header_div p {
    min-height: 0px;
  }
  .buton_all_features_page {
    display: block;
    margin-bottom: 40px;
  }
  .features_inner_page_footer {
    display: block !important;
  }
  .flex_container_center img {
    display: block !important;
  }
  .know-how-assistant-image.image_feature_hide img {
    display: none !important;
  }
  .cards_features_header_div p {
    padding-right: 0%;
  }
  .know-how-assistant-image.image_feature_hide {
    margin-top: 0px;
  }
  .p_t_bg_remove {
    margin-bottom: 30px;
  }

  .col-sm-12.cards_features_header {
    padding: 0px;
  }
  .pl-10-tage {
    display: flex;
    flex: 0 0 0;
  }
  .pl-10-tage .feature_page_img_right {
    order: 2;
  }
  .pl-10-tage .feature_page_content_left {
    order: 1;
  }
  .feature_page_content_left h6 {
    color: #354250;
  }
  .feature_page_content_left h3 {
    font-size: 27px;
    color: #1f3750;
  }
  .feature_page_content_left p {
    font-size: 16px;
    color: #4e5257;
  }
  .carousel-item-next,
  .carousel-item-prev,
  .carousel-item.active {
    display: flex !important;
    align-items: center !important;
    flex-direction: column !important;
  }
  .icon_arrow {
    display: none;
  }
  .demo_page_right {
    margin-top: 40px;
  }
  .calendly-inline-widget {
    height: 450px !important;
  }
  .demo_page_form h4 {
    font-size: 23px;
  }
  .demo_page_form {
    padding: 30px 0px;
    width: 100%;
  }
  .conversational_facelift_header h4 {
    text-align: left;
  }
  .x_scroll_mobile {
    display: block;
  }
  .ai_without_scroll {
    display: none;
  }
  .solutions_header .w-40 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .solutions_header .w-30 {
    display: none;
  }
  .solutions_header {
    overflow: hidden;
    padding: 0px 15px;
  }
  .solution_service_card {
    padding: 30px 30px 0px 30px;
    margin-top: 60px;
  }
  .solution_service {
    padding-bottom: 20px;
  }
  .conversational_facelift_card_scroll p {
    font-weight: 800;
    min-height: 60px;
    width: 100%;
  }
  .solution_service {
    background: url("/hero-graphic.218510d1.png");
    background-repeat: no-repeat;
    background-position: center left;
    width: 100%;
    height: 100%;
    background-size: contain;
    background-position-y: 50px;
  }
  .conversational_facelift {
    margin-top: 40px;
  }
  .Integrations_card {
    margin-bottom: 0px;
  }
  .conversational_facelift_header h4 {
    font-size: 24px;
  }
  .know-how-assistant.solutions_assistant h3 {
    font-size: 24px;
  }
  .integrations_card_desk .card_head p {
    min-height: 0px;
  }
  .features_content_left {
    margin-top: 130px;
  }
  .bg_feature_slider {
    padding-bottom: 170px;
  }
  .know-how-assistant-content h3 {
    font-size: 30px;
  }
  .lightbox iframe {
    position: fixed;
    height: 70%;
    width: 70%;
    right: 0;
    top: 15%;
    left: 15%;
  }
  .trial_mb_80.bg_landing_zendesk p {
    padding-right: 0px;
  }
  .container_trial .pl-20-tage .feature_page_img_right {
    padding-right: 15px;
    padding-left: 15px;
  }
  .container_trial .pl-20-tage .feature_page_content_left {
    padding-left: 15px;
    padding-right: 15px;
  }
  .container_trial .pl-10-tage .feature_page_img_right {
    padding-right: 15px;
  }
  .container_trial .pl-10-tage .feature_page_content_left {
    padding-left: 15px;
  }
  .alpha_letters ol {
    margin: 0px;
  }

  .container_trial.integrations_container
    .pl-10-tage
    .feature_page_content_left {
    flex-basis: 100%;
  }
  .container_trial.integrations_container .pl-10-tage .feature_page_img_right {
    flex-basis: 100%;
  }
  .mob_order_none h3 {
    color: #fff !important;
  }
}
@media (max-width: 520px) {
  .card_link_landing.how_ts_link a {
    margin-right: 0px !important;
  }
  .build_needs h2 {
    font-size: 26px;
  }
  .mob_res_slider {
    display: flex;
  }
  .desktop_slider_cc {
    display: block;
  }
  .feature_page_content_left.mob_order_none {
    /* display: none !important; */
  }
  .mob_res_slide .carousel-indicators {
    top: calc(100vh - 64.5vh);
    position: absolute;
  }
  .pl-10-tage h3 .icon-header-left {
    width: 60px;
    height: 60px;
    position: absolute;
    filter: none;
    left: -20px;
    top: -18px;
  }
  .integrations_page_form h3 .icon-header-left {
    width: 60px;
    height: 60px;
    position: absolute;
    filter: none;
    left: -20px;
    top: -18px;
  }
  .integrations_container .featured_content .slick-prev,
  .integrations_container .featured_content .slick-next {
    display: none !important;
  }
  .integrations_container .featured_content .slick-slide {
    padding-right: 20px;
  }
  .trial_cards_page h2 {
    font-size: 30px;
  }
  .webinar_forms_head h1.webinar_head {
    font-size: 28px !important;
  }
  .container_trial .cognii_work_content .cogni_works h1 {
    font-size: 22px !important;
  }
  .page_header_center h1 {
    font-size: 22px;
    padding: 0px;
    margin-top: 0px;
    margin-bottom: 40px;
  }
  .container_trial .bg_header_trial.trial_mb_80 {
    margin-bottom: 40px !important;
  }
  .container_trial .cognii_work_content .cogni_works p {
    font-size: 15px;
    margin-left: 0%;
    margin-right: 0%;
  }
  .container_trial .landing_page.trial_page_img .feature_page_content_left h3 {
    font-size: 22px;
    margin-top: 10px;
  }
  .chat_channels_trial_btn {
    width: auto;
    float: left;
    font-size: 16px;
    font-family: "Gordita-Medium";
  }
  .container_trial .trail_apps_landing h1 {
    font-size: 22px !important;
  }
  .container_trial .trial_accordian_landing h2 {
    font-size: 22px !important;
  }
  .container_trial p {
    color: #416183;
    font-size: 16px;
  }
  .text-right.sm-align-left p {
    text-align: center !important;
    margin-top: 10px;
    line-height: 25px;
  }
  .chat_channels_trial_btn img {
    width: 36px;
    height: 36px;
    margin-right: 10px;
  }
  .card_landing_section {
    max-width: 100%;
    flex: 0 0 100%;
    float: left;
    border-radius: 12px;
    margin-bottom: 40px;
  }
  .card_landing_section:nth-child(3) {
    margin-bottom: 0px;
  }
  .arrow_up_form {
    position: relative;
    right: 0;
    margin-top: -35px;
  }
  .automation_scroly {
    width: 100%;
    position: absolute;
    margin-top: 40px;
  }
  .utube_rows {
    display: grid;
    align-content: center;
    grid-gap: 10px;
    grid-template-columns: 100%;
    justify-content: space-between;
  }
  .our_locations .location_places {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .center_contactus {
    flex-direction: column;
  }

  .center_contactus .our_location_places {
    margin-bottom: 40px;
  }
  .contact-right-img img {
    margin-top: 40px;
  }

  .lightbox iframe {
    position: absolute;
    height: 100%;
    width: 100%;
    right: 0;
    top: 0%;
    left: 0%;
  }
  .features_content_left.features_content_left_cc {
    margin-top: -140px !important;
  }
  .features_content_left .img_mob_res {
    display: block !important;
    height: 210px;
    width: 100%;
    float: left;
    margin-bottom: 55px;
  }
  .cc_feature_apps h5 {
    width: 100%;
    float: left;
    border: 2px solid #4095e9;
    height: 70px;
    display: flex;
    align-items: center;
    margin: 0px 15px;
    cursor: pointer;
  }
  .cc_feature_apps h5 a {
    margin-top: 0px;
  }
  /* .feature_pageinner_content_left ul li {
    width: 50%;
    float: left;
    padding: 10px 0px;
  } */
  .feature_page_img_right img {
    width: 95%;
    height: 100%;
  }
  .new_design_landing_footer .start-free-trail a {
    margin-top: 20px;
    margin-bottom: 20px;
  }
  .bg_feature_slider {
    padding-bottom: 50px;
    margin-bottom: 0px;
  }
  .features_content_left {
    margin-top: 0px !important;
  }
  .landing_expand_hide {
    margin: 0px 15px;
  }
  .scroll-prompt .scroll-prompt-arrow-container {
    margin-left: -10px;
  }
  .lightbox .lightbox-close {
    top: 7%;
    right: 5%;
    background: #2468f6;
    color: #fff;
  }

  .accordian_landing .accordion .link,
  .accordian_landing .accordion li i {
    font-size: 15px;
  }
  .accordian_landing .accordion li i.fa-chevron-down {
    right: 8px;
  }
  .data_landing_success .col-lg-4 {
    margin-bottom: 0px;
  }
  .accordian_landing .accordion .link {
    padding: 15px 20px 15px 0 !important;
  }
  .beta_landing_head {
    padding: 50px 0;
  }
  .conversational_facelift_card_scroll {
    max-width: 60%;
    flex: 0 0 60%;
    margin-right: 10px;
    padding-left: 15px;
  }
  .new_design_landing_footer .start-free-trail a {
    width: 100%;
    justify-content: center;
  }
  .new_design_landing_footer h3 {
    text-align: center;
  }
  .new_design_landing_footer p {
    text-align: left;
    padding: 0px !important;
    font-size: 14px;
  }
  .know-how-assistant-image.mobile_change_footer_img {
    display: block;
    margin-bottom: 30px;
  }
  .know-how-assistant-image.mobile_change_footer_img img {
    width: 65%;
    margin-top: 0px;
  }
  .know-how-assistant-image {
    display: none;
  }
  .beta-button input[type="text"],
  select {
    width: 100%;
    margin-right: 0px;
    margin-bottom: 15px;
  }
  .beta-button button {
    width: 100%;
    margin-right: 0px;
    margin-top: 10px;
  }
  .main-slider-button.beta-button form {
    flex-direction: column;
  }
  #exampleModalCenter .modal-dialog {
    max-width: 100%;
    float: left;
  }
  #exampleModalCenter1 .modal-dialog {
    max-width: 100%;
    float: left;
  }
  .beta-charging ul li {
    padding: 0px;
    width: 50%;
    float: left;
  }
  .video_prompt .main-slider-left h1 {
    font-size: 26px;
    text-align: center !important;
    margin-top: 0px;
    padding-top: 0px;
  }
  .video_prompt_section {
    margin-bottom: 80px;
    margin-top: 40px;
  }
  .video_prompt {
    margin-bottom: 0px;
  }
  .modal-dialog {
    margin: 0px !important;
  }
  #exampleModalCenter .modal-body {
    width: 100%;
    float: left;
    padding: 0px;
    padding-right: 15px;
  }
  #exampleModalCenter1 .modal-body {
    width: 100%;
    float: left;
    padding: 0px;
    padding-right: 15px;
  }
  .modal_submit_form .modal-dialog-centered {
    min-height: calc(100% - (2px * 2));
  }
  .pad_right_20 {
    padding-right: 0px;
  }
  .cognii_work_content .cogni_works p {
    font-size: 16px;
    padding: 0px;
  }
  .cogni_fav_apps_header p {
    font-size: 16px;
  }

  .modal_submit_form .modal-header h5 {
    font-size: 18px;
    margin-bottom: 10px;
  }
  #exampleModalCenter .modal-body {
    height: calc(100vh - 30vh);
    overflow-y: scroll;
  }
  #exampleModalCenter1 .modal-body {
    height: calc(100vh - 30vh);
    overflow-y: scroll;
  }

  .trial_mb_80 .main-slider-left h1 {
    font-size: 22px;
    margin-bottom: 8px;
  }
  .img_mob_res_right img {
    width: 32%;
    height: 100%;
  }
  .trial_mb_80.bg_landing_zendesk h6 {
    color: #fff;
    padding-top: 0px;
    line-height: 27px;
  }
  .trial_mb_80.bg_landing_zendesk p {
    padding-right: 0px;
    margin-bottom: 10px;
    line-height: 27px;
    font-size: 15px;
  }
  .bg_landing_zendesk .main-slider-button.beta-button {
    width: 100%;
    float: left;
    margin-bottom: 50px;
  }
  .main-slider-button.beta-button input[type="text"],
  select {
    width: 100% !important;
    margin: 4px 0px 8px 0px !important;
    padding: 7px 15px !important;
  }

  .beta-button button {
    width: 100%;
    margin-right: 0px;
    margin-top: 4px;
    padding: 6px 0px;
  }
  .cognii_work_content .cogni_works h1 {
    font-size: 30px;
  }
  .accordian_landing .submenu li {
    font-size: 14px;
  }
  .demo_page.webinar_forms_head {
    padding-top: 10px !important;
  }
  .sign_up-form_us.demo_page h1 {
    font-size: 22px;
  }
  .beta-charging.landing_page_charging ul li {
    width: 50%;
  }
  .integrations_pages .beta-charging.landing_page_charging ul li {
    width: 100%;
  }
  .feature_page_content_left .inter_marlet_link a {
    width: 100%;
    float: left;
  }
  .inter_marlet_link {
    width: 90%;
    float: left;
  }
  .modal_submit_form .modal-body-header {
    overflow-y: scroll;
    height: calc(100vh - 30vh);
  }
  .trial_mb_80.bg_header_trial .main-slider-left p {
    font-size: 16px;
    margin-bottom: 10px;
    line-height: 24px;
  }
  .cognii_work_content .cogni_works p {
    font-size: 16px;
    padding: 0px;
  }
  .container_trial .feature_page_content_left p,
  .card_link_landing a {
    font-size: 16px;
  }
  .landing_page.trial_page_img .feature_page_content_left h3 {
    font-size: 28px;
  }
  .card_landing_trial h4 {
    font-size: 24px;
  }
  .card_landing_trial p {
    font-size: 16px;
    line-height: 27px;
  }
  .container_trial .trial_accordian_landing h2 {
    font-size: 28px;
  }
  .video_iframe span {
    right: 4%;
    margin-top: -10px;
  }
  .modal_popup_video .video_iframe iframe {
    width: 100%;
    height: calc(100vh - 70vh);
  }
  .modal_popup_video .video_iframe {
    width: 100%;
  }
  .container_trial .beta-charging p {
    font-size: 15px;
  }
  .container_trial .main-slider-left {
    padding: 0 0 40px;
    padding-bottom: 0px;
  }
  .bg_header_trial.trial_mb_80 .assistant_right_img {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0px;
    padding-bottom: 20px;
  }
  .bg_header_whitepaper.sign_up-form_us.demo_page {
    padding-top: 40px !important;
    padding-bottom: 50px;
  }
  .bg_header_whitepaper h1 {
    font-size: 34px;
  }
  #_form_24_ {
    padding: 15px !important;
  }
  .wrapper_be_paper {
    padding: 15px !important;
  }
  .whitepaer_wrapper_form {
    padding: 0px !important;
    margin-top: 30px;
  }
  .footer_form_right.col-md-12 {
    padding: 0px;
  }
  .footer_form_left.col-md-12 {
    padding: 0px;
  }
  .footer_form_left.col-md-12 h1 {
    font-size: 25px;
  }
  .slick-prev {
    right: 25px !important;
  }
  .slick-next {
    right: 0px !important;
  }
  .slick-prev,
  .slick-next {
    top: -25px !important;
  }
  .featured_content .drag {
    right: 20px !important;
    width: 45px !important;
    height: 45px !important;
    font-size: 12px !important;
    border: none !important;
    display: none !important;
  }
  .featured_content h2 {
    font-size: 30px !important;
  }
  .card_link_landing.jira_landing_link {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
  }
  .card_link_landing.jira_landing_link a {
    margin-bottom: 15px;
    width: 100%;
    float: left;
    justify-content: center;
    display: flex;
  }
  .feature_inner_page.bg_feature_slider .main-slider-left {
    padding: 0px;
  }
  .feature_inner_page.bg_feature_slider .main-slider-button.beta-button {
    padding: 0px;
  }
  .feature_inner_page.bg_feature_slider .features_change_img-center img {
    width: 100%;
  }
  .container_trial.integrations_container .trial_page_img.m_b_80 {
    margin-bottom: 0px;
  }
  .footer_form .row {
    padding: 0px;
  }
}


/*# sourceMappingURL=/responsive.b0b19a71.css.map */