@media only screen and (min-width: 1201px) and (max-width:1440px) {
    *{
        font-size: 62.5%;
    }
    #status {
        left: 38.5%;
    }
    .btns {
        width: 10.5625rem;
        height: 10.5625rem;
    }
    .custom-input option {
        font-size: initial;
    }
    label.form-check-label {
        font-size: small;
    }
    .sign-up-left-section, .sign-up-right-section {
        flex: 1;
        padding: 0rem 12rem;
        position: relative;
    }
    a.social-media-box img {
        width: 100%;
        height: 100%;
        object-fit: contain;
    }
    .content-area {
        height: 85%;
    }
    .form-check .form-check-input {
        margin-left: -0em;
        font-size: initial;
        margin-right: 0.5rem;
    }
    .top-logo {
        width: 21.5rem;
        height: 8.375rem;
    }
    .input-group-text {
        font-size: xx-large;
    }
    .chat-card {
        max-width: 100%;
    }
    .floating-triangle-static {
        width: 23.0625rem;
        height: 31.0625rem;
    }
    .sign-up-input2, .sign-up-input{
        font-size: small;
        padding-right: 1rem;
    }
    li.nav-item {
        position: relative;
    }
    .popup-inner-content-top:after{
        top: -37px;
    }
    
    .floating-circle-static {
        right: -10rem;
        width: 20.0625rem;
        height: 26.0625rem;
        /* z-index: -1; */
    }
    .font-12, option {
        font-size: small;
    }
    .footer-section a{
        font-size: small;
    }
    .btn{
        font-size: small;
    }
     span, h3 {
        /* padding: 0.4375rem 0rem; */
        display: block;
        font-size:small;
    } 
    .accordion-body {
        padding: 1rem 1.25rem;
        font-size: small;
    }
    p {
        padding: 0.4375rem 0rem;
        display: block;
        font-size: small;
    }
    .font-16 {
        font-size: small;
    }
    .fraction-slider .slide {
        width: 110% !important;
        height: 110% !important;
        top: 11% !important;
        left: 8% !important;
    }
    .engagement-sec, .features{
  overflow: hidden;
    }
 a{
        padding: 0rem 0rem;
        font-size: small  ;
    }
    .font-14 {
        font-size: small;
    }
    .features {
        padding: 20.5rem 0rem 6.25rem 0rem;
        margin-top: -10rem;
    }
    .engagement-sec:after {
        height: 38.875rem;
        top: -3.875rem;
        background-size: contain;
    }
    .floating-circle {
        width: 20.0625rem;
        height: 20.0625rem;
    }
    .floating-triangle {
        width: 18.0625rem;
        height: 19.0625rem;
    }
    .left-content-part {
        padding-left: 9rem;
    }
    .features {
        margin-top: -10rem;
    }
    span {
        font-size: inherit;
        display: inline-block;
    }
    .font-18 {
        font-size: small;
    }
    b {
        font-size: inherit;
    }
    i.fa-brands {
        font-size: inherit;
    }
    .registration-area {
        flex-wrap: nowrap;
        overflow-y: hidden;
    }
    .form-floating {
        width: 30.8rem;
    }
    .user-btn {
        width: 12.375rem;
        height: 12.375rem;
    }
    .comment-head {
        margin-top: -4.6875rem;
        padding-bottom: 0.4375rem;
    }
    .btns{
        gap: 0rem;
    }
    .webinner-section:before {
        top: 33rem;
    }
}
@media only screen and (min-width: 991px) and (max-width:1200px) {

    *{
        font-size: 62.5%;
    }
    .top-logo {
        width: 21.5rem;
        height: 8.375rem;
    }
    .floating-circle-static {
        right: -10rem;
        width: 20.0625rem;
        height: 26.0625rem;
        /* z-index: -1; */
    }
    .input-group-text {
        font-size: xx-large;
    }
    .sign-up-left-section, .sign-up-right-section {
        padding: 0rem 5rem;
    }
    .chat-card {
        max-width: 100%;
    }
    .floating-triangle-static {
        width: 17.0625rem;
        height: 19.0625rem;
    }
    p, span, h3 {
        padding: 0.4375rem 0rem;
        display: block;
        font-size:small;
    } 
    .fraction-slider .slide {
        width: 56% !important;
        height: 58% !important;
        top: 0% !important;
        left: 0% !important;
    }
    .engagement-sec, .features{
  overflow: hidden;
    }
 a{
        padding: 0rem 0rem;
    }
    .features {
        padding: 20.5rem 0rem 6.25rem 0rem;
        margin-top: -10rem;
    }
    .engagement-sec:after {
        height: 38.875rem;
        top: -2.875rem;
        background-size: contain;
    }
    .floating-circle {
        width: 20.0625rem;
        height: 20.0625rem;
    }
    .floating-triangle {
        width: 18.0625rem;
        height: 19.0625rem;
    }
    .left-content-part {
        padding-left: 5rem;
    }
    .features {
        margin-top: -15rem;
    }
    span {
        font-size: inherit;
        display: inline-block;
    }
    .font-18 {
        font-size: initial;
    }
    b {
        font-size: inherit;
    }
    i.fa-brands {
        font-size: inherit;
    }
}

@media only screen and (min-width: 320px) and (max-width:991px) {
*{
    font-size: 62.5%;
}
.pre-line {
    white-space: normal;
}
.foot-custom-area {
    flex-direction: column;justify-content: center;align-items: center;    
}
.user-btn {
    width: 11.375rem;
    height: 11.375rem;
}
#status {
    left: 11.5%;
}
.btns {
    padding: 0.75rem;
    width: 10.5625rem;
    height: 10.5625rem;
}
.mobile-screen {
    right: 2rem;
    width: 32%;
}
.webinner-section {
    padding: 5rem 0rem;
}
.floating-btn-btm {
    bottom: -66px;
    left: 4rem;
}
.question-sec {
    padding: 0rem 0rem;
}
.sign-up-section {
    padding: 0rem 0rem 5rem 0rem;
}
label {
    display: inline-block;
    font-size: small;
}
.form-check .form-check-input {
    float: left;
    margin-left: -0.5em;
    font-size: initial;
    margin-right: 1rem;
}
.form-floating > .form-control, .form-floating > .form-select {
    height: calc(4.5rem + 2px);
}
.floating-circle-static{
    display: none;
}
.sign-up-left-section, .sign-up-right-section {
    flex: 1;
    padding: 0rem 2rem 5rem 2rem;
    position: relative;
    flex: 1 0 100%;
}
.input-group-text{
    font-size: xx-large;
}
.content-area {
    padding-top: 5rem;
    padding-left: 0rem !important;
}
.create-account-section {
    padding-top: 5rem;
}
.font-12 {
    font-size: x-small;
}
.form-area {
    padding: 0rem 0rem;
}
.chat-card {
    max-width: 100%;
}
.registration-area {
    height: auto;
}
.accordion-header {
    height: auto;
}
.engage-box-top, .engage-box-bottom {
    background: #ffffff1f;
    padding: 1rem 1rem 2rem 1rem;
    border-radius: 0.5rem;
}
option {
    font-size: small;
}
.slider-overlay {
    width: 100%;
    height: 100%;
}
.fraction-slider .slide {
    display: none;
    width: 123% !important;
    height: 133% !important;
    position: absolute;
    z-index: 5000;
    top: 84% !important;
    left: 70% !important;
    transform: translate(-50%, -50%);
}
.font-60 {
    font-size: 2.9rem;
}
.visualise-content-area {
    border-radius: 0rem;
    padding: 2.625rem 3.875rem 2rem 3.875rem;
}
.visualise-title {
    color: #898989;
    font-size: medium;
    letter-spacing: 0px;
    font-weight: 700;
}
.visualise-tab-row p {
    font-size: small;
    font-weight: 300;
    letter-spacing: 0px;
    line-height: 1.4;
}
.navbar-toggler:focus{
    box-shadow: none;
}
.left-content-part {
    padding-left: 2rem;
    padding-right: 2rem;
    margin-top: 3rem;
}
.features {
    background:none;
    margin-top: 0rem;
}
.engagement-sec{
    overflow: hidden;
}
.engagement-sec:after{
    display: none;
}
.engagement-listing {
    flex-wrap: wrap;
    gap: 1.15rem;
}
a{
    font-size: small;
}
.line {
    margin: 0;
    margin-bottom: 1rem;
}
.floating-circle {
    width: 21.0625rem;
    height: 21.0625rem;
}
.floating-triangle {
    width: 19.0625rem;
    height: 19.0625rem;
}
.engage-box-middle{
    display: none;
}
.line1:after, .line2:after, .line3:after, .line4:after, .line5:after, .line6:after {
    display: none;
  }
  span {
    font-size: inherit;
}
.w-45, .w-70, .w-90 {
    width: 100%;
}
.accordion-button, .accordion-body 
 {
    box-shadow: none !important;
    font-size: small;
}
p {
    font-size: small;
}
.slider-section {
    flex-wrap: wrap;
    gap: 0.25rem;
}
.engage-box-img {
    margin: auto;
}
.engage-box-top h6, .engage-box-top p, .engage-box-bottom h6, .engage-box-bottom p{
    text-align: center !important;
}
.sign-up-img-sec {
    position: relative;
}
.sign-up-area:after {
    background: url(../img/get-in-touch-tab-bg.png) no-repeat;
    background-size: cover;
}
.slider-right-part h6 {
    font-size: large;
    text-align: center;
}
.slider-right-part p{
    text-align: center;
}
.comment-icon2, .comment-icon4 {
    position: absolute;
    right: 2rem;
    display: none;
}
section.get-in-touch-section {
    padding: 5.625rem 2rem 5rem 2rem;
}
.testimonial-section {
    padding: 5.625rem 2rem;
}
.comment-head {
    margin-top: 0.5rem;
    padding-bottom: 0rem;
}
.font-16 {
    font-size: small;
}
.engagement-box {
    gap: 1.5rem;
}
.font-18 {
    font-size: large;
}
.engagement-sec {
    padding: 5rem 2rem;
}
.faq-section {
    padding: 6.25rem 2rem;
}
.font-14 {
    font-size: small;
}
.features {
    padding: 5rem 2rem;
}
.features-content {
    gap: 5rem;
}
.abs-img {
    display: none;
}
.btn {
    font-size: medium;
    padding: 1.03rem 1.75rem !important;
    border-radius: 2.75rem;
}
.banner-sec{
    height: auto;
    padding-bottom: 10rem;
    padding-top: 10rem;
}
a.navbar-brand img {
    width: 85%;
}
.steps span {
    width: 1.6125rem;
    height: 1.7625rem;
}
.connectivy-details-area {
    display: none !important;
}
.navbar-light .navbar-toggler {
    font-size: xxx-large;
    margin-top: -0.625rem;
}
.banner-btn-custom, .btn-custom2 {
    width:auto;
    margin-top: 0.75rem;
}
.tab-screen {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 58%;
}
.platform-section::before {
    height: 21%;
}
.screen1, .screen2 {
    width: 52% !important;
}
.features-img-area {
    display: none;
}
.accordion-title {
    font-size: small;
}
.accordion-number {
    width: 2.925rem;
    height: 2.925rem;
    font-size: small;
}
.explore-automation-btn {
    font-size: small;
    padding: 1.2rem 1.875rem;
    border-radius: 2.75rem;
}
.font-80 {
    font-size: 3.4rem;
}
ul.list-unstyled {
    justify-content: center !important;
    width: auto;
}
.fixed-head {
    position: fixed;
    background: linear-gradient(108.01deg, #0077C7 7.33%, #00C8AA 90.98%);
    box-shadow: 0rem 0.125rem 1.25rem 0rem #00000063;
    transition: 0.5s;
}
.custom-navbar {
    padding: 1rem 0rem;
}
.features {
    overflow: hidden;
}
li a i.fa-brands {
    font-size: inherit;
}
b {
    font-size: inherit;
}
.free-trial-btn,.get-demo-btn {
    font-size: medium;
    border-radius:2.75rem;
}
.setup-steps {
flex-wrap: wrap;
gap:1rem !important;
}
.steps {
    flex: 1 0 46%;
}
.visualise-content-area-right {
    display: none;
}
.visualise-tab {
    background: white;
    margin-bottom: 9px;
}
section.visualise-area {
    padding: 4rem 0rem 0rem 0rem;
}
}
@media only screen and (min-width: 679px) and (max-width:991px) {

    *{
        font-size: 62.5%;
    }
    .user-btn {
        width: 12.375rem;
        height: 12.375rem;
    }
    .sign-up-right-section .banner-btn-custom{
width: 100%;
    }
    .sign-up-left-section, .sign-up-right-section {
        flex: 1;
        padding: 0rem 2rem 5rem 2rem;
        position: relative;
        flex: 1 0 50%;
    }
    .registration-area {
        height: 100vh;
    }
    .banner-btn-custom, .btn-custom2 {
        width: auto;
    }
    .screen1, .screen2 {
        width:unset !important;
    }
    .btn {
        font-size: medium;
    }
    .left-content-part {
        gap: 0.5625rem;
    }
    p, a, span, h3 {
        padding: 0.4375rem 0rem;
        display: inline-block;
        font-size:small;
    } 
    .fraction-slider .slide {
        width: 78% !important;
        height: 81% !important;
        top: 39% !important;
        left: 60% !important;
    }
    .engagement-box {
        display: flex;
        flex-direction: row;
        gap: 1.5rem;
    }
    .engage-box-top, .engage-box-bottom {
        flex: 0 0 48%;
    }
    .font-35 {
        font-size: x-large;
    }
    span {
        font-size: inherit;
        display: inline-block;
    }
    .sign-up-area:after {
        background: url(../img/get-in-touch-tab-bg.png) no-repeat;
        background-size:cover;
    }
    .banner-btn-custom, .btn-custom2 {
        padding: 1rem 2.5625rem !important;
    }
    .content-area p, .get-in-touch-section p, .sign-up-area p {
        width: 80%;
    }
    .w-45 {
        width: 75%;
    }
    .btn-custom {
        width:max-content;
    }
    a.custom-link {
        padding: 1.5625rem 1.5625rem !important;
    }
}
@media only screen and (min-width: 321px) and (max-width:374px) {
    .globe {
        height: 36.625rem !important;
        width: 36.625rem !important;
    }
    .btns {
        padding: 0.75rem;
        width: 8.5625rem;
        height: 11.5625rem;
    }
    .user-btn {
        width: 10.375rem;
        height: 10.375rem;
    }
    a.navbar-brand {
        display: inline-block;
        width: 55%;
    }
    .fraction-slider .slide {
        top: 83% !important;
    }
}

@media only screen and (min-width: 280px) and (max-width:320px) {
    .globe {
        height: 30.625rem !important;
        width: 30.625rem !important;
    }
    a.navbar-brand {
        display: inline-block;
        width: 84%;
    }
    .fraction-slider .slide {
        top: 83% !important;
    }
}