.heading h2, .heading h3 { font-family: "proxima-nova", sans-serif; font-weight: 700; font-size: 33px; line-height: 45px; } img { max-width: 100%; height: auto } .solutions-bg { background: transparent no-repeat; padding: 0; background-size: 122% 98% !important; background-position: -58px 195px } .container.solutions-chats { overflow: hidden } .container.solutions-chats .heading { width: 100%; margin-bottom: 30px } .solution-lists { padding: 45px 0 45px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; background-color: #faf9fe; border-radius: 90px } .solution-lists .solutions { width: 24.9%; float: left; position: relative; text-align: center } .white-bg { background-color: #fff; padding: 34px 14px 44px; border-radius: 10px; position: relative; margin: 38px 32px 15px; -webkit-transition: ease-in-out .6s transform; -o-transition: ease-in-out .6s transform; -webkit-transition: ease-in-out 1.2s transform; -o-transition: ease-in-out 1.2s transform; transition: ease-in-out 1.2s transform; -webkit-box-shadow: -1px 2px 18px 0 rgba(0, 0, 0, .12); box-shadow: -1px 2px 18px 0 rgba(0, 0, 0, .12); z-index: 1 } .white-bg::before { position: absolute; content: ""; top: 0; right: 0; bottom: 0; left: 0; background-image: -webkit-gradient(linear, left top, left bottom, from(#246097), to(#7862da)); background-image: -webkit-linear-gradient(top, #246097, #7862da); background-image: -o-linear-gradient(top, #246097, #7862da); background-image: -webkit-gradient(linear, left top, left bottom, from(#246097), to(#7862da)); background-image: linear-gradient(to bottom, #246097, #7862da); z-index: -1; -webkit-transition: opacity .9s linear; -o-transition: opacity .9s linear; transition: opacity .9s linear; opacity: 0; border-radius: 10px } .white-bg img, .white-bg svg { position: absolute; right: 20px; top: 50%; height: 37px; width: 37px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%) } .white-bg img { height: auto } .white-bg p, .white-bg span.solution-tag { font-family: "proxima-nova", sans-serif; font-weight: 600; font-size: 16px; line-height: 24px; text-align: left; color: #131313 } .white-bg span.solution-tag { display: block; position: relative } .white-bg span.solution-tag:after { content: ""; position: absolute; border-radius: 10px; width: 54px; height: 3px; background-color: #e5e5e5; left: 0; bottom: -10px } .white-bg span { -webkit-transition: all ease .4s; -o-transition: all ease .4s; transition: all ease .4s } .white-bg p { font-family: "proxima-nova", sans-serif; font-weight: 600; font-size: 16px; line-height: 16px; text-align: left } .solution-content { display: none; color: #fff; -webkit-transition: all ease 3s; -o-transition: all ease 3s; transition: all ease 3s; padding: 9px 0; width: 100%; height: 100%; border-radius: 10px; top: 0; left: 0 } .solution-content h5 { font-family: "proxima-nova", sans-serif; font-weight: 600; font-size: 14px; line-height: 26px; position: relative; text-align: center; margin-bottom: 15px } .solution-content h5:after { content: ""; position: absolute; border-radius: 4px; height: 3px; width: 70px; background: #777fe7; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); bottom: -7px } .white-bg .solution-content span { text-align: left; padding: 0 10px; display: block; font-family: "proxima-nova", sans-serif; font-weight: 400; font-size: 11px; line-height: 19px; } .solutions:hover .white-bg::before { opacity: 1 } .solutions:hover .white-bg { padding: 0; -webkit-transform: scale(1.3); -ms-transform: scale(1.3); transform: scale(1.3); -webkit-box-shadow: none; box-shadow: none; max-height: 130px } .solutions:hover .white-bg .solution-content { display: block } .solutions:hover p { display: none } .solutions:hover img { opacity: 0 } .container.performance-section .heading { margin-bottom: 50px } .performance-section { background-color: #faf9fe; border-radius: 90px; padding: 40px 0 30px 0 } .performance-section-left { width: 40%; padding-right: 20px } .performance-section-left h5 { font-family: "proxima-nova", sans-serif; font-weight: 700; font-size: 35px; line-height: 44px; } .performance-section-left h6 { font-family: "proxima-nova", sans-serif; font-weight: 600; font-size: 22px; line-height: 33px; position: relative; margin-top: 15px } .performance-section-left h6:after { content: ""; position: absolute; left: 0; top: 100%; background: #6a63ce; width: 136px; height: 3px; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); margin-top: 15px } .performance-section-left p { font-family: "proxima-nova", sans-serif; font-weight: 400; font-size: 16px; line-height: 24px; padding-right: 62px; margin-top: 40px } .performance-section-right { width: 60% } .performance-row-overall { display: flex; align-items: center } .performance-row { width: 33%; padding: 20px; margin: 10px; border-radius: 20px; box-shadow: 0 0 10px 0 #ccc; height: 330px } .performance-row p { font-family: "proxima-nova", sans-serif; font-weight: 400; font-size: 14px; line-height: 23px; } .performance-row-text { padding: 12px 0; font-family: "proxima-nova", sans-serif; font-weight: 700; font-size: 18px; } .chat-api-banner { background-size: cover !important; background-position: bottom !important; padding: 0; position: relative; padding: 50px 0 120px } .banner-content { width: 50%; margin-top: 0 } .banner-content ul li { width: 31% } .container.banner-heading { position: static } .banner-img { width: 50% } .banner-img img { width: 100%; display: block; margin: 0 auto } .empower-image.personalized-image img { padding-bottom: 21px } .container.banner-heading.clearfix { position: relative; display: flex; align-items: flex-start } .banner-heading h1 { font-family: "proxima-nova", sans-serif; font-weight: 300; font-size: 40px; line-height: 50px; padding-bottom: 30px; position: relative; margin-bottom: 22px; } .banner-heading h1:after { content: ""; background-image: url(../svg/path-one-3.svg); position: absolute; left: 0; transform: none; width: 160px; height: 13px; background-repeat: no-repeat; bottom: 0px; } .banner-heading h1 span { display: inline; font-family: "proxima-nova", sans-serif; font-weight: 700; font-size: 40px; line-height: 50px; } .banner-heading h1 span.newline { display: block; } .banner-heading h1 span b { display: block; font-family: "proxima-nova", sans-serif; font-weight: 600; font-size: 16px; line-height: 30px; text-decoration: underline; text-underline-offset: 6px; text-decoration-thickness: 1px; text-decoration-color: #ffffff99; } .banner-heading h1 span.banner-highlight { color: #FFCE00; } .banner-heading h4 { font-family: "proxima-nova", sans-serif; font-weight: 700; font-size: 25px; line-height: 45px; } .banner-heading h1 span { position: relative } .button.talk-to-us { min-width: 199px; font-weight: 600; display: inline-block; overflow: inherit; margin-right: 15px !important; background: #fb7d17; color: #fff; border: 1px solid #f27d19 } .button.secondary { border: solid 1px #fff; background: 0 0; color: #fff; min-width: 199px; box-shadow: 8px 9px 27px 0 rgb(5 122 171 / 25%); font-weight: 600; display: inline-block; margin-top: 20px } .button.secondary:hover { background: #fb7d17; color: #fff; border: solid 1px transparent } h1 span.heading-desc { font-family: "proxima-nova", sans-serif; font-weight: 400; font-size: 32px; line-height: 48px; } .banner-heading p { font-family: "proxima-nova", sans-serif; font-weight: 400; font-size: 16px; line-height: 26px; margin-bottom: 24px; max-width: 90% } ul.banner-list li svg { margin-right: 5px; transform: translateY(2px); } .btn-link i img { width: 20px; margin: 0 0 0 5px; transition: transform ease .4s } .btn-link:hover img, .btn-link:hover svg { transform: translateX(5px) } .banner-img-human { position: absolute; top: 77%; height: auto; width: 220px; right: 32% } .banner-img-laptop { position: absolute; width: 280px; right: 15%; top: 19%; animation: laptop-moving 2s ease-in-out infinite; animation-direction: alternate } @keyframes laptop-moving { 0% { transform: translate(0, 0) } 100% { transform: translate(0, 15px) } } .banner-img-phone { position: absolute; width: 235px; right: 0; top: 22%; animation: phone-moving 2s ease-in-out infinite; animation-direction: alternate } @keyframes phone-moving { 0% { transform: translate(0, 15px) } 100% { transform: translate(0, 0) } } .banner-heading { color: #fff } .banner-content ul { margin-bottom: 12px } .banner-content ul li { font-family: "proxima-nova", sans-serif; font-weight: 400; font-size: 16px; line-height: 24px; margin: 0 10px 13px 0; display: inline-block; color: #fff; width: 40% } .banner-content ul li i { height: 10px; width: 10px; display: block; background: #fff; border-radius: 50px; display: inline-block; margin-right: 12px } .container.chat-apps { padding: 50px 0 } .section-conatiner.live-videos { padding: 50px 0 } section.section-conatiner.live-videos .heading { padding-bottom: 50px } .container.chat-apps .heading { padding-bottom: 50px } .chat-apps ul { width: 1065px; margin: 0 auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -ms-flex-wrap: wrap; flex-wrap: wrap } .chat-apps ul li { width: 30%; margin: 10px 17px; background: #fff; padding: 25px 25px; position: relative; min-height: 270px; overflow: hidden; box-shadow: -.98px 3px 36px #0000001a; border-radius: 7px } .chat-apps ul li svg { height: 37px; width: 37px; fill: url(#ultimate-icons1) } .chat-apps ul li h4 { font-family: "proxima-nova", sans-serif; font-weight: 400; font-size: 20px; line-height: 30px; position: relative; margin-top: 15px } .chat-apps ul li h4:after { content: ""; position: absolute; width: 46px; height: 2px; background-color: #443cff; left: 0; bottom: -8px } .chat-apps ul li p { font-family: "proxima-nova", sans-serif; font-weight: 400; font-size: 16px; line-height: 24px; margin-top: 24px } .chat-apps ul li:after { position: absolute; content: ""; width: 0; height: 5px; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); bottom: 0; background-color: #443cff; -webkit-transition: all ease .8s; -o-transition: all ease .8s; transition: all ease .8s; border-radius: 10px } .chat-apps ul li:hover:after { width: 100% } .features-live.clearfix { display: flex; flex-wrap: wrap; align-items: center; padding-top: 50px } .features-live.clearfix .features-section { width: 45%; padding-right: 60px } .features-live.clearfix .features-img { width: 50% } .features-live.clearfix .features-img img { width: 100%; display: block } .features-section h4 { font-family: "proxima-nova", sans-serif; font-weight: 700; font-size: 28px; line-height: 38px; margin-bottom: 40px; position: relative } .features-section h4:after { content: ""; position: absolute; left: 0; bottom: -20px; background: #0400c4; width: 136px; height: 3px; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0) } .features-section p { font-family: "proxima-nova", sans-serif; font-weight: 400; font-size: 16px; line-height: 24px; margin-bottom: 30px } .chat-sdk.chat-features ul li { font-family: "proxima-nova", sans-serif; font-weight: 700; font-size: 16px; line-height: 26px; color: #131313; display: block } .chat-sdk ul li.one { position: absolute; left: 0; top: 50%; transform: translateY(-50%) } .chat-sdk ul li.two { position: absolute; top: -25%; left: 5%; transform: translateX(-5%) } .chat-sdk ul li.three { position: absolute; top: -25%; left: 50%; transform: translateX(-50%) } .chat-sdk ul li.four { position: absolute; top: -25%; right: 10%; transform: translateX(-5%) } .chat-sdk ul li.five { position: absolute; right: 3%; top: 50%; transform: translateY(-50%) } .chat-sdk ul li.six { position: absolute; bottom: -25%; right: 10%; transform: translateX(-5%) } .chat-sdk ul li.seven { position: absolute; bottom: -25%; left: 50%; transform: translateX(-50%) } .chat-sdk ul li.eight { position: absolute; bottom: -25%; left: 10%; transform: translateX(-10%) } .mobile-image { display: none !important } .chat-sdk img { max-width: 100% } .chat-sdk { padding: 0; display: flex; flex-direction: column; justify-content: center; width: 55% } .chat-sdk.chat-features { float: left; width: 647px; text-align: center; position: relative } .higlights-wrap { height: 296px; position: relative } .communication-content h4 { font-family: "proxima-nova", sans-serif; font-weight: 700; font-size: 18px; line-height: 26px; margin: 0 0 10px 0 } .content-flex { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; margin-top: 120px } .content-flex .flex-container { width: 31%; margin-bottom: 50px; padding-right: 40px } .content-flex .flex-container h4 { font-family: "proxima-nova", sans-serif; font-weight: 700; font-size: 20px; line-height: 28px; padding: 20px 0 } .content-flex .flex-container p { font-family: "proxima-nova", sans-serif; font-weight: 400; font-size: 16px; line-height: 24px; } .content-flex .flex-container svg { fill: #0400c4 } section.section-conatiner.chat-platform .heading { padding-bottom: 60px } .chat-platform { padding: 50px 0; background: #f9fbff } .pt-30 { padding-top: 30px } .faq { position: relative } .arrows { position: absolute; right: 0; vertical-align: middle; top: 5px; transform: rotate(180deg); transition: all ease .3s; border: solid 1px #ccc; border-radius: 50%; height: 20px; width: 20px; padding: 5px; fill: #ccc } .active-acc .arrows { transform: rotate(0); border: solid 1px #0400ee; fill: #0400ee } section.section-conatiner.Enriched-features .heading { padding-bottom: 60px } .features-section { display: flex; align-items: center } #chat-communication .heading { padding-bottom: 60px } .features-section-left, .features-section-right { width: 50% } .features-api.same-features .heading { padding-bottom: 60px } .features-section h5 { font-family: "proxima-nova", sans-serif; font-weight: 700; font-size: 30px; line-height: 40px; margin-bottom: 80px; position: relative } .features-section p { padding-right: 110px; line-height: 27px; font-size: 18px; margin-bottom: 20px } .btn-link { display: inline-block; font-family: "proxima-nova", sans-serif; font-weight: 700; font-size: 18px; line-height: 26px; color: #2650bb } .features-section { padding-bottom: 80px } .sub_head { font-family: "proxima-nova", sans-serif; font-weight: 400; font-size: 18px; line-height: 28px; position: relative; text-align: center; margin: 0 auto; width: 80% } .client-logo img { max-width: 75%; display: block; margin: 0 auto; padding: 30px 0 0 } .features-section.telehealth-app { align-items: flex-start } .features-section img { max-width: 100% } .features-section-right .btn-link, .features-section-right h5, .features-section-right p { padding-left: 80px; margin-left: 0; padding-right: 10px } .features-section-left p:last-child { margin-top: 45px } .features-section h5:after { content: ""; position: absolute; left: 0; top: 100%; background: #6a63ce; width: 136px; height: 3px; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); margin-top: 55px } span.next-line { float: left; width: 100% } .features-section .features-section-right h5:after { left: 80px } .client-section .heading { padding-bottom: 20px } .last-section li { -webkit-transition: -webkit-transform ease 1s; transition: -webkit-transform ease 1s; -o-transition: transform ease 1s; transition: transform ease 1s; transition: transform ease 1s, -webkit-transform ease 1s; transition: transform ease 1s, -webkit-transform ease 1s; transition: transform ease 1s, -webkit-transform ease 1s } .last-section li:hover { background-image: linear-gradient(#5383ff, #3900ff) !important; -webkit-transform: translateY(-20px); -ms-transform: translateY(-20px); transform: translateY(-20px) } .last-section li:after { position: absolute; content: ""; top: 0; right: 0; bottom: 0; left: 0; background-image: -webkit-gradient(linear, left top, left bottom, from(#246097), to(#7862da)); background-image: -webkit-linear-gradient(top, #246097, #7862da); background-image: -o-linear-gradient(top, #246097, #7862da); background-image: -webkit-gradient(linear, left top, left bottom, from(#246097), to(#7862da)); background-image: -webkit-gradient(linear, left top, left bottom, from(#246097), to(#7862da)); background-image: -webkit-gradient(linear, left top, left bottom, from(#246097), to(#7862da)); background-image: linear-gradient(to bottom, #246097, #7862da); -webkit-transition: opacity .8s linear; -o-transition: opacity .8s linear; transition: opacity .8s linear; opacity: 0; border-radius: 10px; z-index: -1 } .last-section li:hover h4, .last-section li:hover p { color: #fff } .inactive-img { display: block } .active-img { display: none } .last-section li:hover .inactive-img { display: none } .last-section li:hover .active-img { display: block; transition: .5s ease-in } .chat-apps ul.last-section li:after { display: none; transition: background-color .5s ease } .chat-apps ul.last-section li:hover h4:after { background-color: #fff } .features-section-left.desktop-view { display: block } .features-section-right.mobile-view { display: none } .features-section.telehealth-app { padding-bottom: 20px } .features-api.same-features { padding: 50px 0 0 } .container.first-section { padding: 50px 0 } .container.chat-apps.first-section { padding-bottom: 0 } .features-section.last { padding-bottom: 35px } .container.client-section { padding-bottom: 0 } .chat-apps ul.last-section li { min-height: 325px; height: 325px } @media screen and (min-width:1440px) { .banner-img img { left: 30px } } @media screen and (min-width:1920px) { .container.banner-heading.clearfix { align-items: flex-start } .chat-api-banner { position: relative; padding: 60px 0 120px } .banner-img img { left: 29px } } @media screen and (max-width:1200px) { .chat-api-banner { margin-top: 70px } } @media screen and (max-width:1024px) { .banner-heading h1 span { display: block; font-family: "proxima-nova", sans-serif; font-weight: 700; font-size: 40px; line-height: 50px; } .features-section-right.mobile-view { display: none } .banner-img img { top: 13px; left: 47px; width: 469px } .chat-apps ul { width: 100%; display: flex; flex-wrap: wrap; justify-content: center } .chat-apps ul li { width: 29.4%; min-height: 295px } .chat-sdk { flex: 1 } section#solid-reasons .powerful-features { width: 44.44%; margin-right: 10px; margin-bottom: 70px; flex: inherit } .features-perform { justify-content: center } .accordion-comm img { width: 25px !important; height: 25px !important } ul.tabs li { width: 160px } .tab-img img { object-fit: contain; height: auto; width: 100% } } @media screen and (max-width:991px) { .banner-heading h1 span { display: block; font-family: "proxima-nova", sans-serif; font-weight: 700; font-size: 22px; line-height: 40px; } .d_active.tab_drawer_heading svg.prefix__plus, .tab-img img, .tab_drawer_heading svg.prefix__minus, .tabs { display: none } .tab_drawer_heading { background-color: #553696; color: #fff; border-top: 1px solid #fff; margin: 0; padding: 10px 45px 10px 20px; display: block; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; cursor: pointer; -moz-user-select: none; -ms-user-select: none; user-select: none; position: relative; font-family: "proxima-nova", sans-serif; font-weight: 600; font-size: 16px; line-height: 23px; } .tab_drawer_heading svg.prefix__minus, .tab_drawer_heading svg.prefix__plus { position: absolute; top: 12px; right: 15px; height: 18px; width: 18px } .d_active.tab_drawer_heading svg.prefix__minus, .tab_drawer_heading svg.prefix__plus { display: block } .d_active { background-color: #4b249c; color: #fff; font-family: "proxima-nova", sans-serif; font-weight: 600; font-size: 16px; line-height: 23px; } .tab_container { margin-top: 35px } .tab-description, .tab-description p, .tab-description ul li, .tab-img { width: 100% } .tab-description { padding: 0 0 0 6px } .tab-description p { font-family: "proxima-nova", sans-serif; font-weight: 400; font-size: 15px; line-height: 23px; margin-bottom: 7px } .tab-description ul li { font-family: "proxima-nova", sans-serif; font-weight: 600; font-size: 15px; line-height: 23px; } .button-link { visibility: visible !important } } @media screen and (max-width:768px) { .white-bg img, .white-bg svg { width: 45px } .solution-lists { margin-bottom: 50px } .white-bg { margin: 10px } .solutions:hover .white-bg { -webkit-transform: scale(1.05) translateY(-10px); -ms-transform: scale(1.05) translateY(-10px); transform: scale(1.05) translateY(-10px) } .solution-lists .solutions { width: 49.9% } .features-section-right .btn-link, .features-section-right h5, .features-section-right p { padding-left: 0; margin-left: 0 } .chat-apps ul.last-section li { width: 28.4%; min-height: 425px } .banner-heading h1 span { display: block; font-family: "proxima-nova", sans-serif; font-weight: 700; font-size: 35px; line-height: 50px; } .experience-content ul li { padding: 20px 0 10px 0 } .experience-content ul li p { padding-top: 20px } .performance-section { background-color: #faf9fe; border-radius: 90px; padding: 40px } .performance-section-overall { margin: 0 0 50px 0 } .experience-content ul li h4 { font-size: 21px; line-height: 40px } .targetdiv { opacity: 1; display: block !important } .experience-content ul { height: auto } .experience-points { display: none } .experience-content { width: 100%; padding-top: 0 } .experience-points ul li { width: 42% } .features-section-right.mobile-view { display: block } .features-section p { padding-right: 0 } .features-section .features-section-right h5:after { left: 0 } .features-section-left.desktop-view { display: none } .features-section img { max-width: 100%; margin: 32px auto 0 auto } .features-section { flex-wrap: wrap } .features-section p { padding-right: 0; line-height: 27px; font-size: 18px; margin-bottom: 20px } .chat-apps ul li { width: 28.4%; min-height: 360px } .chat-api-banner { padding: 50px 0 50px; background-image: inherit !important; background-color: #7657de !important } .left-right-section { flex-wrap: wrap } .last-section-right { padding: 40px 0 0 0 } .chat-apps ul.last-section li { width: 28.4%; min-height: 400px } .features-section.telehealth-app { align-items: flex-start; flex-wrap: wrap } .features-section-left, .features-section-right { width: 100% } .last-section-left { margin: 0 auto } .banner-heading p { max-width: 100% } .banner-left.animated, .banner-right p.animated, .banner-right.animated { text-align: center } .empower-content h4, .tab-description h3 { font-family: "proxima-nova", sans-serif; font-weight: 700; font-size: 21px; line-height: 30px; } .faq-head .section-title { font-family: "proxima-nova", sans-serif; font-weight: 700; font-size: 21px; line-height: 30px; } .faq-accordian-wrapper { width: 100% } .banner-content { width: 100% } .banner-heading h1 { text-align: center } .banner-heading h1 span:after { left: 50%; transform: translateX(-50%) } .banner-img { display: none } .banner-content ul { width: 55%; margin: 10px auto } .banner-content ul li { width: 45% } .chat-apps ul li h4 { font-family: "proxima-nova", sans-serif; font-weight: 700; font-size: 18px; line-height: 28px; } .features-content { width: 100%; padding: 0 } .features-img { width: 100% } .features-communication { flex-wrap: wrap } .features-live.clearfix { flex-direction: column-reverse } .features-live.clearfix .features-section { width: 100%; padding: 0 } .features-live.clearfix .features-img { width: 100% } .features-img img { width: 80% !important; margin: 20px auto } .features-content h4.heading-features { font-family: "proxima-nova", sans-serif; font-weight: 700; font-size: 18px; line-height: 28px; } .features-section h4 { font-family: "proxima-nova", sans-serif; font-weight: 700; font-size: 22px; line-height: 28px; } #feature-enriched .features-img { margin-top: 30px !important } #broadcasting-sdk .features-img { margin-top: 30px !important } #live-broadcasting .features-img { margin-top: 0 !important } .chat-platform { padding-bottom: 10px } .higlights-wrap { display: none } .mobile-image { display: block !important; width: 100%; height: auto; margin-bottom: 40px } .chat-sdk.chat-features { width: 100% } .content-flex { margin-top: 0 } .content-flex .flex-container { width: 45%; padding-right: 0 } .tab-section { padding-top: 20px } .banner-heading h1:after { left: 50%; transform: translateX(-50%); } } @media screen and (max-width:641px) { .solution-lists .solutions { width: 100% } .features-section img { margin: 0 auto 0 auto } .chat-apps ul.last-section li { width: 100%; min-height: 280px; height: 200px } section.features-api.same-features.realtime-feature { padding-top: 0 } .container.chat-apps.empower-section { padding-top: 0 } .client-logo img { max-width: 90% } .features-section-left.desktop-view { display: none } .features-section-right.mobile-view { display: block } .features-section { padding-bottom: 50px } .features-section-right .btn-link, .features-section-right h5, .features-section-right p { padding-left: 0 } .features-section .features-section-right h5:after { left: 0 } .features-section img { width: 100% } span.next-line { float: none; width: auto } .heading h2, .heading h3 { font-family: "proxima-nova", sans-serif; font-weight: 700; font-size: 25px; line-height: 40px; } .features-section h5:after { margin-top: 15px } .features-section h5 { font-family: "proxima-nova", sans-serif; font-weight: 700; font-size: 25px; line-height: 40px; position: relative; margin-bottom: 38px } .features-section-left, .features-section-right { width: 100% } .features-section, .features-section.telehealth-app { flex-wrap: wrap } .doted, .line, .patt, .patter, .pattern { display: none } .features-section-right { margin-top: 31px } .features-section p { padding-right: 0 } .empower-image img { max-width: 100% } .banner-img { display: none } .banner-img img { top: 0; left: 0; width: 100%; display: none } .last-section-left img { width: 100% } .banner-heading p { margin-bottom: 10px } .banner-content.bannerleft { margin-top: 10px } .chat-api-banner { padding: 25px 0 40px; background-image: inherit !important; background-color: #7657de !important; margin-top: 60px } .banner-content.banner-left.animated { text-align: center } .button.talk-to-us { margin-right: 0 !important } .banner-heading h1 span { font-family: "proxima-nova", sans-serif; font-weight: 700; font-size: 28px; line-height: 40px; } .banner-heading h1 span b { font-family: "proxima-nova", sans-serif; font-weight: 600; font-size: 14px; line-height: 30px; } .banner-heading p { font-family: "proxima-nova", sans-serif; font-weight: 400; font-size: 16px; line-height: 24px; margin-top: 0px; max-width: 100%; padding-top: 0px } .banner-content ul { width: 100%; margin: 10px auto; margin-bottom: 20px; } .banner-content ul li { width: 230px; text-align: left; margin: 0 auto; margin-bottom: 8px; } .chat-apps ul li { width: 100%; margin: 15px 0 7px; min-height: auto } .section-conatiner.live-videos { padding: 50px 0 20px } .last-section-right { padding: 0; margin-top: 21px } .section-conatiner.Enriched-features { margin-top: 50px } .container.chat-apps { margin-top: 0; padding-left: 15px; padding-right: 15px } .features-live.clearfix { padding-top: 20px } section#solid-reasons .powerful-features { width: 100% } .features-content { margin: 15px 5px 0 } .features-api { margin: 10px 0 30px } p.sub_head { width: 100% } .content-flex .flex-container { width: 100%; margin-bottom: 20px } } @media screen and (max-width:480px) { .banner-heading h1 span { font-family: "proxima-nova", sans-serif; font-weight: 700; font-size: 22px; line-height: 32px; } } @media screen and (max-width:385px) { .banner-heading h1 span { font-family: "proxima-nova", sans-serif; font-weight: 700; font-size: 28px; line-height: 40px; } } @media screen and (max-width:375px) { .banner-heading h1 span { font-family: "proxima-nova", sans-serif; font-weight: 700; font-size: 28px; line-height: 40px; } } @media screen and (max-width:320px) { .banner-heading h1 span { font-family: "proxima-nova", sans-serif; font-weight: 700; font-size: 25px; line-height: 40px; } .banner-heading h1 span { font-family: "proxima-nova", sans-serif; font-weight: 700; font-size: 25px; line-height: 40px; } .heading h2, .heading h3 { font-family: "proxima-nova", sans-serif; font-weight: 700; font-size: 21px; line-height: 35px; } .experience-content ul li h4 { font-size: 20px; line-height: 40px } }