@media (min-width:1800px) {

    .hero-pbx-bg,
    .section.the-future-communication {
        background-size: cover;
    }
}

@media (min-width:320px) and (max-width:575px) {
    .streamline-marketing-bg {
        background-image: url('../images/streamline-marketing-bg-mobile.png')
    }

    .hero-pbx-faqs {
        background-position: -600px 30px
    }

    .shop-sorting>div {
        gap: 20px
    }
}

@media (max-width:767px) {
    .layout-sort {
        margin-right: 0
    }

    .cta .row {
        flex-direction: column-reverse
    }

    .sign-in-pbx-img img {
        width: 50%;
        margin: auto
    }

    .btns-group {
        display: flex;
        flex-direction: column;
        gap: 15px
    }

    .card.popular-video-card .video-card-img-wrapper .video-play-button button {
        width: 45px;
        height: 45px
    }

    .card.popular-video-card .video-card-img-wrapper .video-play-button button i {
        font-size: 13px
    }

    .wow {
        animation-name: none !important;
        visibility: visible !important
    }

    .content-section .txt-block.left-column,
    .tabs-section .txt-block.left-column {
        padding-left: 0;
        padding-right: 0;
        margin-bottom: 40px
    }

    .content-section .txt-block.right-column,
    .tabs-section .txt-block.right-column {
        padding-left: 0;
        padding-right: 0;
        margin-bottom: 40px
    }

    .content-5.content-section .txt-block.left-column {
        padding-left: 0
    }

    .content-5.content-section .txt-block.right-column {
        padding-right: 0
    }

    .content-section .img-block.left-column,
    .tabs-section .img-block.left-column {
        padding-left: 0;
        padding-right: 0
    }

    .content-section .img-block.left-column img {
        max-width: 100%
    }

    .content-section .img-block.right-column,
    .tabs-section .img-block.right-column {
        padding-left: 0;
        padding-right: 0
    }

    .wsmobileheader {
        height: 80px;
        box-shadow: 0 0 2px rgba(50, 50, 50, .4)
    }

    .tra-menu .wsmobileheader,
    .white-menu .wsmobileheader {
        background: linear-gradient(90deg, #b343b7 41%, #31c8d3 83%)
    }

    .wsanimated-arrow span,
    .wsanimated-arrow span:after,
    .wsanimated-arrow span:before {
        background: #fff
    }

    .dark-menu .wsmobileheader {
        background-color: #222227
    }

    .wsanimated-arrow {
        padding: 14px 27px 14px 0;
        margin: 24px 22px 0 0
    }

    .wsanimated-arrow span:before {
        top: -8px;
        width: 26px
    }

    .wsanimated-arrow span:after {
        bottom: -8px;
        width: 20px
    }

    .dark-menu .wsanimated-arrow span,
    .dark-menu .wsanimated-arrow span:after,
    .dark-menu .wsanimated-arrow span:before {
        background: #eee
    }

    .wsactive .wsanimated-arrow span:before,
    .wsactive .wsanimated-arrow.active span:after {
        width: 28px;
        top: 0
    }

    .wsactive .wsanimated-arrow span:after {
        width: 28px;
        top: 0
    }

    .wsactive .wsanimated-arrow span {
        background: 0 0
    }

    .wsmenu>.wsmenu-list>li.mg_link:hover>a:after {
        display: none
    }

    .wsmenu>.wsmenu-list>li>.wsmenu-click {
        height: 64px
    }

    .wsmenu>.wsmenu-list>li>a {
        padding: 7px 32px 6px 20px;
        margin: 0
    }

    .rtl-direction .wsmenu>.wsmenu-list>li>a {
        font-size: 19px;
        padding: 7px 42px 6px 20px;
        margin: 0
    }

    .dark-menu .wsmenu>.wsmenu-list>li>a,
    .tra-menu .wsmenu>.wsmenu-list>li>a {
        color: #666
    }

    .wsmenu>.wsmenu-list>li>.wsmenu-click>i {
        margin: 23px 18px 0 0
    }

    .wsmenu>.wsmenu-list>li .wsmenu-click.ws-activearrow>i {
        transform: rotate(-45deg);
        margin-top: 28px
    }

    .wsmenu>.wsmenu-list>li>.wsmenu-click>i {
        height: 10px;
        width: 10px
    }

    .wsmenu>.wsmenu-list>li>.wsmegamenu .link-list li a:before,
    .wsmenu>.wsmenu-list>li>.wsmegamenu.halfmenu .link-list>li>a:before,
    .wsmenu>.wsmenu-list>li>.wsmegamenu.w-75 .link-list>li>a:before,
    .wsmenu>.wsmenu-list>li>ul.sub-menu>li>a:before {
        font-size: 1.05rem;
        left: 5px;
        top: 14px
    }

    .wsmenu>.wsmenu-list>li>.wsmegamenu .link-list li a:hover:before,
    .wsmenu>.wsmenu-list>li>.wsmegamenu.halfmenu .link-list>li>a:hover:before,
    .wsmenu>.wsmenu-list>li>.wsmegamenu.w-75 .link-list>li>a:hover:before,
    .wsmenu>.wsmenu-list>li>ul.sub-menu>li>a:hover:before {
        left: 17px
    }

    .wsmenu>.wsmenu-list>li>.wsmegamenu.w-75 {
        width: 100% !important;
        left: 0
    }

    .rtl-direction .wsmenu>.wsmenu-list>li>.wsmegamenu.w-75 {
        width: 100% !important;
        left: 22%
    }

    .wsmenu>.wsmenu-list>li>.wsmegamenu.halfmenu {
        width: 100% !important
    }

    .wsmenu>.wsmenu-list>li>.wsmegamenu .link-list li a,
    .wsmenu>.wsmenu-list>li>.wsmegamenu.halfmenu ul.link-list>li>a,
    .wsmenu>.wsmenu-list>li>.wsmegamenu.w-75 ul.link-list>li>a,
    .wsmenu>.wsmenu-list>li>ul.sub-menu>li>a {
        color: #666;
        font-size: 18px;
        padding: 12px 0
    }

    .wsmenu>.wsmenu-list>li>.wsmegamenu .link-list li a:hover,
    .wsmenu>.wsmenu-list>li>.wsmegamenu.halfmenu ul.link-list>li>a:hover,
    .wsmenu>.wsmenu-list>li>.wsmegamenu.w-75 ul.link-list>li>a:hover,
    .wsmenu>.wsmenu-list>li>ul.sub-menu>li>a:hover {
        background-color: transparent;
        padding: 12px 0 12px 8px;
        text-decoration: none
    }

    .wsmenu>.wsmenu-list>li>.wsmegamenu .link-list li.fst-li>a {
        padding: 0 0 12px
    }

    .wsmenu>.wsmenu-list>li>.wsmegamenu .link-list li a:hover {
        padding: 12px 0 12px 4px
    }

    .wsmenu>.wsmenu-list>li>.wsmegamenu .link-list li.fst-li a:hover {
        padding: 0 0 12px 4px
    }

    .wsmenu>.wsmenu-list>li>.wsmegamenu.halfmenu .title p,
    .wsmenu>.wsmenu-list>li>.wsmegamenu.w-75 .title p {
        display: block;
        font-size: 18px;
        margin: 0 0 5px 0
    }

    .wsmenu>.wsmenu-list>li>.wsmegamenu .title {
        font-size: 20px;
        padding: 0
    }

    .wsmenu>.wsmenu-list>li.header-phone>a {
        font-size: 19px;
        padding: 7px 32px 6px 15px;
        margin: 0
    }

    .wsmenu>.wsmenu-list>li.header-phone>a span {
        width: 24px;
        height: 24px;
        line-height: 25px;
        top: 3px
    }

    .wsmenu>.wsmenu-list>li a.btn {
        margin: 0
    }

    .wsmenu>.wsmenu-list>li a.header-store {
        margin: 25px 0 0 12px;
        display: block;
        float: none;
        border-bottom: none
    }

    .wsmenu>.wsmenu-list>li.header-socials {
        display: block;
        margin-top: 5px
    }

    .white-color.header-socials span {
        color: #463853 !important
    }

    .header-socials a {
        line-height: 90px !important;
        margin-left: 25px
    }

    .header-socials.ico-20 [class*=flaticon-]:after,
    .header-socials.ico-20 [class*=flaticon-]:before {
        font-size: 1.6rem
    }

    .wsmenu>.wsmenu-list>li a.btn.btn-tra-white {
        background-color: #eee;
        border-color: #eee;
        color: #666
    }

    .wsmobileheader .smllogo {
        display: block;
        margin-top: 15px;
        padding-left: 22px;
        max-width: 210px
    }

    .smllogo img {
        width: auto;
        max-width: inherit;
        max-height: 50px
    }

    .wsmenu>.wsmenu-list>li>.wsmegamenu.halfmenu,
    .wsmenu>.wsmenu-list>li>.wsmegamenu.w-75,
    .wsmenu>.wsmenu-list>li>ul.sub-menu {
        top: 5px;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        -o-border-radius: 0;
        border-radius: 0;
        -webkit-box-shadow: 0 0;
        -moz-box-shadow: 0 0;
        box-shadow: 0 0;
        border-bottom: 1px solid #ddd
    }

    .wsmenu>.wsmenu-list>li>.wsmegamenu.halfmenu:before,
    .wsmenu>.wsmenu-list>li>.wsmegamenu.w-75:before,
    .wsmenu>.wsmenu-list>li>ul.sub-menu:before {
        display: none
    }

    .wsmenu>.wsmenu-list>li>.wsmegamenu,
    .wsmenu>.wsmenu-list>li>ul.sub-menu {
        opacity: 1 !important;
        visibility: visible !important;
        -webkit-transform: rotateX(0);
        -moz-transform: rotateX(0);
        -ms-transform: rotateX(0);
        -o-transform: rotateX(0);
        transform: rotateX(0)
    }

    #about-1 .txt-block {
        padding: 0
    }

    .about-2-title {
        padding-right: 0
    }

    .about-2-images {
        margin-top: 0
    }

    .about-2-images img {
        width: auto;
        max-width: inherit;
        max-height: 100%;
        margin-top: 30px
    }

    .fbox-7-wrapper {
        padding-right: 0
    }

    #features-7 .txt-block {
        text-align: center;
        padding: 0;
        margin-bottom: 40px
    }

    .rtl-direction .fbox-4 {
        padding: 0 3%
    }

    .fbox-5 {
        padding: 0 60px
    }

    .fbox-5.bg-white {
        padding: 45px 60px;
        margin-top: 10px;
        margin-bottom: 60px
    }

    .fbox-6 {
        text-align: center;
        padding: 45px 30px
    }

    #fb-6-1,
    #fb-6-3 {
        margin-bottom: 40px
    }

    .fbox-7 {
        text-align: center;
        padding: 45px 60px
    }

    .fbox-7.mt-40 {
        margin-top: 0
    }

    .fbox-txt {
        width: 100%;
        text-align: center;
        padding: 0;
        margin-top: 20px
    }

    .rtl-direction .fbox-txt {
        width: 83%;
        text-align: right;
        padding: 0;
        margin-top: 0
    }

    .fbox-ico {
        text-align: center;
        width: 100%;
        float: none;
        margin-top: 0
    }

    .content-4 {
        padding-top: 0;
        margin-bottom: 65px
    }

    .content-4 .bg-inner {
        padding-bottom: 0
    }

    .content-5 {
        padding-top: 80px;
        padding-bottom: 40px
    }

    .content-5-wrapper {
        padding: 0
    }

    .content-5.ws-wrapper {
        background-color: #f4f4f9
    }

    .content-5.lg-wrapper {
        background-color: #f6f7f8
    }

    .content-5.snow-wrapper {
        background-color: #fbfbfd
    }

    .content-9 {
        margin-bottom: 80px
    }

    .content-8 .section-title.mb-75 {
        margin-bottom: 40px
    }

    .content-section .top-row.pb-30,
    .content-section .top-row.pb-50 {
        padding-bottom: 20px
    }

    .cbox {
        margin-bottom: 40px
    }

    .cbox-ico {
        float: none
    }

    .rtl-direction .cbox-ico {
        margin-top: 6px
    }

    .cbox-txt {
        text-align: center;
        padding-left: 0;
        margin-top: 15px
    }

    .rtl-direction .cbox-txt {
        text-align: right;
        padding-left: 0;
        margin-top: 15px
    }

    .content-4 .txt-block {
        text-align: center;
        padding: 80px 8% 0;
        margin-top: 0
    }

    .content-5 ul.simple-list {
        list-style: none;
        margin-left: 0
    }

    .content-7 .txt-block {
        margin-bottom: 35px
    }

    .content-9-txt .btn {
        margin-top: 20px
    }

    .content-10-btn {
        margin-top: 50px
    }

    .content-4-img {
        margin-top: 30px;
        margin-bottom: -65px
    }

    .content-7-img {
        margin-left: 0
    }

    .content-7-img img {
        max-width: 100%
    }

    .content-8-img {
        margin-bottom: -30px
    }

    .content-9-img {
        margin-bottom: -80px
    }

    #projects-1 .masonry-image,
    #projects-2 .masonry-image {
        width: 100%;
        padding: 0;
        margin-bottom: 50px
    }

    #projects-1 .project-txt,
    #projects-2 .project-txt {
        padding-left: 4%;
        padding-right: 0
    }

    .rtl-direction #projects-1 .project-txt,
    .rtl-direction #projects-2 .project-txt {
        padding-left: 0;
        padding-right: 4%
    }

    #tabs-1 .tabs-1,
    #tabs-2 .tabs-1 {
        margin: 0 auto 35px
    }

    #tabs-2 .tabs-1 li {
        text-align: center
    }

    .tabs-1 li {
        display: block;
        margin-bottom: 15px
    }

    .statistic-1-wrapper .statistic-block {
        text-align: center;
        padding: 0 10%
    }

    #sb-1-1,
    #sb-1-2,
    .bg-white #sb-1-1,
    .bg-white #sb-1-2 {
        border-right: none;
        margin-bottom: 40px
    }

    #sb-2-1,
    #sb-2-2 {
        margin-bottom: 40px
    }

    #statistic-2 .txt-block {
        margin-bottom: 30px
    }

    #statistic-4 .statistic-block {
        display: block !important;
        text-align: center
    }

    #sb-4-1,
    #sb-4-2 {
        margin-bottom: 40px
    }

    .statistic-block-txt {
        width: 100%;
        display: inline-block !important;
        padding-left: 0;
        padding-right: 5%
    }

    .statistic-block-digit {
        width: 100%;
        display: block !important;
        float: none;
        margin-bottom: 10px
    }

    .review-3 {
        padding: 30px 50px 30px 20px
    }

    #rw-2-1,
    #rw-2-2 {
        margin-bottom: 40px
    }

    .left-column #rw-3-1,
    .left-column #rw-3-2,
    .left-column #rw-3-3,
    .right-column #rw-3-1,
    .right-column #rw-3-2,
    .right-column #rw-3-3 {
        margin-right: 0;
        margin-left: 0
    }

    .review-3-txt {
        padding-left: 5px
    }

    .review-3-txt p {
        padding-right: 0
    }

    .review-3-avatar img {
        width: 60px;
        height: 60px
    }

    .pricing-1-row .col,
    .pricing-2-row .col {
        text-align: center
    }

    .pricing-1-table.rel,
    .pricing-3-table.rel {
        margin-top: 15px
    }

    .pricing-compare {
        margin-top: 40px
    }

    .pricing-compare .table-responsive {
        margin-top: 40px;
        margin-bottom: 25px
    }

    .pricing-notice p {
        padding: 0 5%
    }

    .payment-methods {
        text-align: center
    }

    #faqs-2 .question {
        margin-bottom: 30px
    }

    .accordion-item .accordion-thumb:after,
    .accordion-item.is-active .accordion-thumb:after {
        font-size: .8rem;
        top: 25px;
        right: 0
    }

    .more-questions {
        margin-top: 20px
    }

    #faqs-1 .more-questions {
        margin-top: 40px
    }

    .version-release {
        margin-bottom: 40px
    }

    .release-data h4 {
        margin-bottom: 25px
    }

    .release-data {
        padding-bottom: 25px;
        margin-bottom: 25px
    }

    .release-download {
        position: relative;
        right: 0;
        bottom: 0;
        margin-top: 20px
    }

    #newsletter-1.pb-20,
    #newsletter-1.pb-30 {
        padding-bottom: 0
    }

    #newsletter-1 .container {
        padding-left: 15px;
        padding-right: 15px
    }

    #newsletter-1 {
        text-align: center
    }

    #newsletter-2 {
        text-align: center;
        padding-top: 40px
    }

    .newsletter-wrapper {
        padding: 45px 30px 25px
    }

    #newsletter-1 h4 {
        margin-bottom: 15px
    }

    .newsletter-section .newsletter-form {
        margin-top: 35px
    }

    .posts-wrapper {
        padding: 0
    }

    .featured-post {
        margin: 0 0 40px 0
    }

    #blog-page .blog-post-wide .blog-post-txt {
        padding: 40px 60px
    }

    .terms-title {
        margin-bottom: 50px
    }

    .terms-box.mt-60 {
        margin-top: 50px
    }

    .terms-box,
    .terms-box h5 {
        margin-bottom: 25px
    }

    #login-1,
    #login-2,
    #login-3,
    #reset-password-1,
    #reset-password-2,
    #signup-1,
    #signup-2,
    #signup-3 {
        padding-top: 80px;
        padding-bottom: 50px
    }

    #login-3 {
        padding-top: 80px
    }

    .reg-nav .wsmobileheader {
        display: none
    }

    .login-page-logo {
        margin-bottom: 50px
    }

    .login-page-logo img {
        max-height: 45px
    }

    #reset-password-1 .sign-in-footer {
        margin-top: 40px
    }

    #reset-password-2 .sign-in-footer {
        margin-top: 30px
    }

    .login-3-img,
    .signup-3-img {
        display: none
    }

    .cta-media {
        top: inherit;
        transform: none;
        left: 0;
        right: 0;
        text-align: center;
        max-width: max-content;
        margin-left: auto;
        margin-right: inherit
    }

    .cta-media img {
        width: auto;
        width: 80px
    }

    .cta-supercharge-your-marketing .custom-imge-enhance {
        display: none
    }

    .cta-media-enhance.cta-media {
        transform: none;
        width: auto;
        right: 0;
        top: -15px;
        text-align: right
    }

    .cta-media-newsletter.cta-media {
        width: auto;
        right: 0;
        top: 0;
        text-align: right
    }

    .cta-media-newsletter.cta-media img {
        width: 160px
    }

    .simple-lead-media.cta-media {
        top: -13px;
        bottom: auto;
        right: 42px;
        left: auto;
        transform: none;
        text-align: center;
        width: 116px;
        max-width: none
    }

    .simple-lead-media.cta-media img {
        width: 100%
    }

    .lead-tracking-dashboard-media.cta-media {
        display: none
    }

    .cta-media-call-tracking.cta-media {
        right: 0;
        top: 0;
        transform: none;
        left: inherit
    }

    .cta-media-full-spectrum.cta-media {
        top: inherit;
        transform: none;
        right: 0;
        bottom: -75px
    }

    .cta-media-full-spectrum.cta-media img {
        width: 80px
    }

    .cta.add-on-section .section-title {
        width: 100%;
        text-align: center
    }

    .cta.add-on-section .section-title h2 {
        margin-bottom: 20px
    }

    .form-control {
        font-size: 13px;
        padding: 15px;
        min-height: 50px
    }

    .hero-lead-section .hero-img {
        margin: 0;
        position: static;
        right: 0;
        top: -65px;
        width: auto;
        right: 0;
        margin: 40px 0 -60px 0
    }

    .hero-appointment .hero-img {
        position: static;
        right: 0;
        width: auto;
        margin: 40px 0 -60px 0
    }

    .hero-img.hero-img-mobile-app {
        position: static;
        width: auto;
        margin: 40px 0 -60px 0
    }

    .marketplace-buttons {
        flex-direction: column
    }

    .marketplace-buttons a img {
        width: 100%
    }

    .cta .marketplace-buttons {
        flex-direction: row;
        margin-top: 0
    }

    section.section.marketing-channels-section .fbox-img.h-auto {
        height: 84px;
        padding-left: 0;
        padding-right: 0
    }

    section.section.marketing-channels-section .fbox-img.h-auto img {
        height: auto;
        width: 100%;
        object-fit: contain
    }

    .tab-images .tab-img-lg {
        position: relative;
        right: 2px;
        top: 0px;
        width: 100%;
        height: auto;
    }

    .tab-images .tab-img-sm {
        display: none
    }
}

@media (min-width:768px) and (max-width:991px) {

    .sign-in-pbx-img img {
        width: 100%;
        margin: auto
    }

    .hero-appointment .hero-img {
        position: absolute;
        right: -30px;
        width: 108%
    }

    .btns-group {
        display: flex;
        flex-direction: column;
        justify-content: center;
        gap: 15px
    }

    .cta .marketplace-buttons {
        display: flex;
        gap: 20px;
        margin-top: 50px;
        flex-direction: column
    }

    .cta .marketplace-buttons a img {
        width: 100%
    }

    .hero-section .btns-group .btn {
        width: 100%
    }

    .hero-lead-section .hero-img {
        margin: 0;
        position: absolute;
        right: 0;
        top: inherit;
        width: 490px;
        right: -70px;
        bottom: 0
    }

    .hero-img.hero-img-mobile-app {
        width: 480px;
        right: 0
    }

    .wow {
        animation-name: none !important;
        visibility: visible !important
    }

    .watch-video-link {
        width: 50px;
        height: 50px;
        margin-right: 12px
    }

    .watch-video-link.ico-35 [class^=flaticon-]:after,
    .watch-video-link.ico-35 [class^=flaticon-]:before {
        line-height: 48px !important
    }

    .video-txt-lg {
        margin-bottom: 5px
    }

    .video-txt-sm {
        padding-left: 2px
    }

    .video-btn-xl {
        width: 100px;
        height: 100px;
        margin-top: -50px;
        margin-left: -50px
    }

    .video-btn-lg {
        width: 86px;
        height: 86px;
        margin-top: -43px;
        margin-left: -43px
    }

    .video-btn.video-btn-xl [class^=flaticon-]:after,
    .video-btn.video-btn-xl [class^=flaticon-]:before {
        line-height: 100px !important;
        margin-left: 8px
    }

    .video-btn.video-btn-lg [class^=flaticon-]:after,
    .video-btn.video-btn-lg [class^=flaticon-]:before {
        line-height: 86px !important;
        margin-left: 7px
    }

    .content-section .txt-block.left-column,
    .tabs-section .txt-block.left-column {
        padding-left: 0;
        padding-right: 0;
        margin-bottom: 40px
    }

    .content-section .txt-block.right-column,
    .tabs-section .txt-block.right-column {
        padding-left: 0;
        padding-right: 0;
        margin-bottom: 40px
    }

    .content-5.content-section .txt-block.left-column {
        padding-left: 0
    }

    .content-5.content-section .txt-block.right-column {
        padding-right: 0
    }

    .content-section .img-block.left-column,
    .tabs-section .img-block.left-column {
        padding-left: 0;
        padding-right: 10px
    }

    .content-section .img-block.right-column,
    .tabs-section .img-block.right-column {
        padding-left: 10px;
        padding-right: 0
    }

    .content-14-txt h3,
    .content-14-txt h4,
    .txt-block h2,
    .txt-block h3 {
        margin-bottom: 20px
    }

    h5.sm-title {
        margin-top: 16px;
        margin-bottom: 16px
    }

    .content-14-txt .btn,
    .txt-block .btn,
    .txt-block .stores-badge {
        margin-top: 15px
    }

    .stars-rating span {
        position: relative;
        top: 2px
    }

    .stars-rating,
    .stars-rating p {
        font-size: .95rem
    }

    .rtl-direction .header .wsmobileheader {
        text-align: left !important
    }

    .rtl-direction .wsmenu>.wsmenu-list>li {
        float: none
    }

    .headtoppart {
        display: none
    }

    .wsmobileheader {
        height: 80px;
        box-shadow: 0 0 2px rgba(50, 50, 50, .4)
    }

    .tra-menu .wsmobileheader,
    .white-menu .wsmobileheader {
        background: #fff
    }

    .wsanimated-arrow span,
    .wsanimated-arrow span:after,
    .wsanimated-arrow span:before {
        background: #fff
    }

    .rtl-direction .tra-menu .wsmobileheader,
    .rtl-direction .white-menu .wsmobileheader {
        background-color: #fff
    }

    .dark-menu .wsmobileheader {
        background-color: #222227
    }

    .wsanimated-arrow {
        padding: 14px 22px 14px 0;
        margin: 24px 28px 0 0
    }

    .wsanimated-arrow span:before {
        top: -8px;
        width: 26px
    }

    .wsanimated-arrow span:after {
        bottom: -8px;
        width: 20px
    }

    .dark-menu .wsanimated-arrow span,
    .dark-menu .wsanimated-arrow span:after,
    .dark-menu .wsanimated-arrow span:before {
        background: #eee
    }

    .wsactive .wsanimated-arrow span:before,
    .wsactive .wsanimated-arrow.active span:after {
        width: 28px;
        top: 0
    }

    .wsactive .wsanimated-arrow span:after {
        width: 28px;
        top: 0
    }

    .wsactive .wsanimated-arrow span {
        background: 0 0
    }

    .wsmenu>.wsmenu-list>li.mg_link:hover>a:after {
        display: none
    }

    .wsmenu>.wsmenu-list>li>.wsmenu-click {
        height: 64px
    }

    .wsmenu>.wsmenu-list>li>a {
        font-size: 19px;
        padding: 7px 32px 6px 20px;
        margin: 0
    }

    .rtl-direction .wsmenu>.wsmenu-list>li>a {
        font-size: 19px;
        padding: 7px 42px 6px 20px;
        margin: 0
    }

    .dark-menu .wsmenu>.wsmenu-list>li>a,
    .tra-menu .wsmenu>.wsmenu-list>li>a {
        color: #666
    }

    .wsmenu>.wsmenu-list>li>.wsmenu-click>i {
        margin: 23px 18px 0 0
    }

    .wsmenu>.wsmenu-list>li .wsmenu-click.ws-activearrow>i {
        transform: rotate(-45deg);
        margin-top: 28px
    }

    .wsmenu>.wsmenu-list>li>.wsmenu-click>i {
        height: 10px;
        width: 10px
    }

    .wsmenu>.wsmenu-list>li>.wsmegamenu .link-list li a:before,
    .wsmenu>.wsmenu-list>li>.wsmegamenu.halfmenu .link-list>li>a:before,
    .wsmenu>.wsmenu-list>li>.wsmegamenu.w-75 .link-list>li>a:before,
    .wsmenu>.wsmenu-list>li>ul.sub-menu>li>a:before {
        font-size: 1.05rem;
        left: 5px;
        top: 14px
    }

    .wsmenu>.wsmenu-list>li>.wsmegamenu .link-list li a:hover:before,
    .wsmenu>.wsmenu-list>li>.wsmegamenu.halfmenu .link-list>li>a:hover:before,
    .wsmenu>.wsmenu-list>li>.wsmegamenu.w-75 .link-list>li>a:hover:before,
    .wsmenu>.wsmenu-list>li>ul.sub-menu>li>a:hover:before {
        left: 17px
    }

    .wsmenu>.wsmenu-list>li>.wsmegamenu.w-75 {
        width: 100% !important;
        left: 0
    }

    .rtl-direction .wsmenu>.wsmenu-list>li>.wsmegamenu.w-75 {
        width: 100% !important;
        left: 22%
    }

    .wsmenu>.wsmenu-list>li>.wsmegamenu.halfmenu {
        width: 100% !important
    }

    .rtl-direction .wsmenu>.wsmenu-list>li>.wsmegamenu.halfmenu {
        width: 100% !important
    }

    .wsmenu>.wsmenu-list>li>.wsmegamenu .link-list li a,
    .wsmenu>.wsmenu-list>li>.wsmegamenu.halfmenu ul.link-list>li>a,
    .wsmenu>.wsmenu-list>li>.wsmegamenu.w-75 ul.link-list>li>a,
    .wsmenu>.wsmenu-list>li>ul.sub-menu>li>a {
        color: #666;
        font-size: 18px;
        padding: 12px 0
    }

    .wsmenu>.wsmenu-list>li>.wsmegamenu .link-list li a:hover,
    .wsmenu>.wsmenu-list>li>.wsmegamenu.halfmenu ul.link-list>li>a:hover,
    .wsmenu>.wsmenu-list>li>.wsmegamenu.w-75 ul.link-list>li>a:hover,
    .wsmenu>.wsmenu-list>li>ul.sub-menu>li>a:hover {
        background-color: transparent;
        padding: 12px 0 12px 8px;
        text-decoration: none
    }

    .wsmenu>.wsmenu-list>li>.wsmegamenu .link-list li.fst-li>a {
        padding: 0 0 12px
    }

    .wsmenu>.wsmenu-list>li>.wsmegamenu .link-list li a:hover {
        padding: 12px 0 12px 4px
    }

    .wsmenu>.wsmenu-list>li>.wsmegamenu .link-list li.fst-li a:hover {
        padding: 0 0 12px 4px
    }

    .wsmenu>.wsmenu-list>li>.wsmegamenu.halfmenu .title p,
    .wsmenu>.wsmenu-list>li>.wsmegamenu.w-75 .title p {
        display: block;
        font-size: 18px;
        margin: 0 0 5px 0
    }

    .wsmenu>.wsmenu-list>li>.wsmegamenu .title {
        font-size: 20px;
        padding: 0
    }

    .wsmenu>.wsmenu-list>li.header-phone>a {
        font-size: 19px;
        padding: 7px 32px 6px 15px;
        margin: 0
    }

    .wsmenu>.wsmenu-list>li.header-phone>a span {
        width: 24px;
        height: 24px;
        line-height: 25px;
        top: 3px
    }

    .wsmenu>.wsmenu-list>li a.btn {
        height: 64px;
        font-size: 19px;
        line-height: 60px;
        font-weight: 500;
        padding: 0 17px;
        margin: 0;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        border-radius: 0
    }

    .wsmenu>.wsmenu-list>li a.header-store {
        margin: 25px 0 0 12px;
        display: block;
        float: none;
        border-bottom: none
    }

    .wsmenu>.wsmenu-list>li.header-socials {
        display: block;
        margin-top: 5px
    }

    .white-color.header-socials span {
        color: #463853 !important
    }

    .header-socials a {
        line-height: 90px !important;
        margin-left: 25px
    }

    .header-socials.ico-20 [class*=flaticon-]:after,
    .header-socials.ico-20 [class*=flaticon-]:before {
        font-size: 1.6rem
    }

    .wsmenu>.wsmenu-list>li a.btn.btn-tra-white {
        background-color: #eee;
        border-color: #eee;
        color: #666
    }

    .wsmobileheader .smllogo {
        display: block;
        margin-top: 19px;
        padding-left: 22px
    }

    .smllogo img {
        width: auto;
        max-width: inherit;
        max-height: 40px
    }

    .wsmenu>.wsmenu-list>li>.wsmegamenu.halfmenu,
    .wsmenu>.wsmenu-list>li>.wsmegamenu.w-75,
    .wsmenu>.wsmenu-list>li>ul.sub-menu {
        top: 5px;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        -o-border-radius: 0;
        border-radius: 0;
        -webkit-box-shadow: 0 0;
        -moz-box-shadow: 0 0;
        box-shadow: 0 0;
        border-bottom: 1px solid #ddd
    }

    .wsmenu>.wsmenu-list>li>.wsmegamenu.halfmenu:before,
    .wsmenu>.wsmenu-list>li>.wsmegamenu.w-75:before,
    .wsmenu>.wsmenu-list>li>ul.sub-menu:before {
        display: none
    }

    .wsmenu>.wsmenu-list>li>.wsmegamenu,
    .wsmenu>.wsmenu-list>li>ul.sub-menu {
        opacity: 1 !important;
        visibility: visible !important;
        -webkit-transform: rotateX(0);
        -moz-transform: rotateX(0);
        -ms-transform: rotateX(0);
        -o-transform: rotateX(0);
        transform: rotateX(0)
    }

    #projects-2 {
        padding-bottom: 40px
    }

    #projects-2 .masonry-image {
        width: 50%;
        padding: 0 8px;
        margin-bottom: 40px
    }

    #projects-1 .project-txt {
        padding-left: 4%;
        padding-right: 0
    }

    .more-projects {
        margin-top: 50px
    }

    .rtl-direction #projects-1 .project-txt {
        padding-left: 0;
        padding-right: 4%
    }

    .projects-section .more-btn {
        margin-top: 10px
    }

    #tabs-1 .tabs-1 {
        margin: 0 auto 40px
    }

    #tabs-2 {
        padding-bottom: 0
    }

    #tabs-2 .tabs-nav.pc-15 {
        padding: 0
    }

    .tabs-1 {
        margin: 0 auto 50px
    }

    .tabs-1 li {
        padding: 9px 30px;
        margin: 0 5px
    }

    #tabs-2 .tabs-1 li {
        padding: 30px 20px
    }

    .tabs-1 li span {
        font-size: 1rem
    }

    .tabs-section .img-block.left-column {
        margin-left: -60%;
        padding-right: 20px
    }

    .tabs-section .img-block.right-column {
        margin-right: -60%;
        padding-left: 20px
    }

    #reviews-3 .txt-block {
        text-align: center;
        padding: 0 7%
    }

    .review-2 {
        padding: 35px 40px;
        margin-left: 5%;
        margin-right: 5%
    }

    .review-4 {
        padding: 35px 30px
    }

    .review-2 .review-avatar img,
    .review-4 .review-avatar img {
        width: 60px;
        height: 60px
    }

    .review-3-txt {
        padding-left: 0
    }

    .review-3-txt p {
        padding-right: 0
    }

    .pricing-1-row .col,
    .pricing-2-row .col,
    .pricing-3-row .col {
        padding-left: 8px;
        padding-right: 8px
    }

    .pricing-1-table {
        padding: 40px 20px 35px
    }

    .pricing-2-table {
        padding: 30px 20px 35px
    }

    .pricing-3-table {
        padding: 45px 18px
    }

    .pricing-plan-title h6 {
        font-size: .95rem;
        right: -5px
    }

    .pricing-1-table .pricing-plan h5 {
        margin-bottom: 20px
    }

    .pricing-3-table .pricing-plan h6 {
        margin-bottom: 25px
    }

    .pricing-plan-title h6 {
        right: -5px;
        top: -6px
    }

    .highlight-badge h6,
    .pricing-plan-title h6 {
        font-size: .925rem
    }

    .rtl-direction .pricing-plan-title h6 {
        width: auto;
        right: 50%
    }

    .pricing-plan span {
        font-size: 2.5rem
    }

    .pricing-3-table .pricing-plan span {
        font-size: 3.75rem
    }

    .pricing-plan sup {
        font-size: 1.7rem;
        top: -4px
    }

    .pricing-3-table .pricing-plan sup {
        font-size: 2.2rem;
        top: -6px
    }

    .pricing-3-table .pricing-plan sup.coins {
        font-size: 2.2rem;
        top: -18px
    }

    .pricing-plan sup.validity span {
        font-size: 2.1rem
    }

    .pricing-plan sup.validity {
        font-size: 1rem
    }

    .pricing-1-table .pricing-plan p {
        padding-right: 0
    }

    .pricing-2-table .pricing-plan p,
    .pricing-3-table .pricing-plan p {
        margin-top: 10px
    }

    .badge-wrapper {
        top: -17px
    }

    .highlight-badge {
        padding: 9px 32px
    }

    .payment-icons li {
        padding-right: 2px
    }

    .payment-icons.ico-50 img {
        width: auto;
        max-width: inherit;
        max-height: 31px
    }

    .pricing-notice p {
        padding: 0
    }

    .pricing-compare {
        margin-top: 40px
    }

    .pricing-compare .table-responsive {
        margin-top: 40px;
        margin-bottom: 25px
    }

    .footer {
        padding-top: 80px
    }

    .footer-info {
        margin-bottom: 50px
    }

    img.footer-logo {
        max-height: 38px
    }

    .cta-media {
        top: -20px;
        transform: none;
        left: 0;
        right: 0;
        text-align: center;
        max-width: max-content;
        margin-left: auto;
        margin-right: inherit
    }

    .cta-media img {
        width: auto;
        width: 80px
    }

    .cta-supercharge-your-marketing .custom-imge-enhance {
        width: 188px;
        margin: -71px 0 -83px 0;
        border-radius: 40px
    }

    .cta-media-full-spectrum.cta-media img {
        width: 100%
    }

    .cta-media-full-spectrum.cta-media {
        bottom: -45px
    }

    .cta-media-enhance.cta-media {
        transform: none;
        width: auto;
        right: 0;
        top: -15px;
        text-align: right
    }

    .call-tracking-screen.cta-media img {
        width: 35%;
        object-fit: contain
    }

    .cta-media-newsletter.cta-media {
        width: auto;
        right: 0;
        top: -15px;
        text-align: right
    }

    .cta-media-newsletter.cta-media img {
        width: 100%
    }

    .cta .newsletter-form form {
        flex-direction: row
    }

    .cta .section-title {
        width: 65%
    }

    .form-control {
        font-size: 13px;
        padding: 15px;
        min-height: 50px
    }

    .simple-lead-media.cta-media img {
        width: 100%
    }

    .lead-tracking-dashboard-media.cta-media {
        transform: none;
        top: -30px;
        bottom: 0;
        left: 0;
        right: 12px;
        max-width: none;
        width: 510px
    }

    .lead-tracking-dashboard-media.cta-media img {
        width: 100%
    }

    .cta-media-call-tracking.cta-media img.call-tracking-img {
        width: 70%
    }

    .cta-media-are-you-ready.cta-media img.cta-red-img {
        width: 80%
    }

    section.hero-section.hero-business-section .hero-btn .btn {
        width: 100%
    }

    .cta-media-call-tracking.cta-media-excellence.cta-media .business-texting-app {
        width: 80%
    }
}

@media screen and (max-width:991px) {
    .hero-pbx-bg.hero-call-attribution {
        padding-bottom: 25px;
    }

    .hero-pbx-bg.hero-call-attribution .hero-call-attribution-bg-img {
        display: none;
    }

    .logo-black,
    .logo-white {
        padding: 0
    }

    .pricing-details.card .price-number.custom-price-number {
        font-size: 32px;
        padding: 24px 0
    }

    section.section.marketing-channels-section .fbox-img.h-auto.marketing-channel-img img.img-fluid {
        width: auto !important
    }

    .dark-header img.onscrollhide {
        display: block
    }

    aside.sidebar {
        margin-bottom: 20px
    }

    .container {
        padding-left: 40px;
        padding-right: 40px
    }

    .btn {
        font-size: 13px;
        padding: 15px 20px;
        line-height: 18px
    }

    .hero-section .btn {
        width: 100%;
        margin: 0 auto;
        display: block
    }

    .hero-section .newsletter-form .btn {
        width: 100%
    }

    .tabs-section .nav-tabs li.nav-item .nav-link {
        font-size: 13px;
        padding: 10px 15px;
        line-height: 18px
    }

    .cta .section-text {
        padding: 20px
    }

    .cta .section-media {
        padding: 20px
    }

    .cta .section-text .btn {
        padding: 15px;
        width: 100%
    }

    .cta-list.lead {
        font-size: 13px;
        line-height: 18px
    }

    section.hero-section.hero-appointment .hero-btn .btn {
        width: 100%
    }

    p,
    p.p-lg {
        font-size: 13px;
        line-height: 18px
    }

    .reviews-4-holder {
        padding-top: 40px;
        padding-bottom: 40px
    }

    .reviews-4-holder:after {
        left: 40px;
        right: 40px
    }

    .review-4 {
        padding: 20px;
        margin: 0
    }

    .review-3-avatar img,
    .review-4 .review-avatar img {
        width: 50px;
        height: 50px
    }

    .review-author h6,
    .review-author p {
        font-size: 14px
    }

    .nav.footer-nav.location-nav {
        margin-top: 30px;
        flex-direction: column;
        gap: 20px;
        display: grid;
        grid-template-columns: auto auto
    }

    .mobile-nav-dropdown {
        border-bottom: 0;
        padding: 16px 20px;
        border-radius: 60px;
        -webkit-box-shadow: inset 0 0 10px 0 rgba(0, 0, 0, .36);
        -moz-box-shadow: inset 0 0 10px 0 rgba(0, 0, 0, .36);
        box-shadow: inset 0 0 10px 0 rgba(0, 0, 0, .36);
        margin: 15px auto;
        margin-bottom: 15px;
        gap: 10px;
        align-items: center;
        justify-content: center;
        margin-left: auto;
        margin-right: auto;
        width: 100%;
        position: relative
    }

    .mobile-nav-dropdown .dropdown-toggle {
        width: 100%;
        border-radius: 100px;
        color: #fff;
        background-color: #e3121f;
        font-weight: 600;
        white-space: normal;
        line-height: normal;
        min-height: 62px;
        display: flex;
        align-items: center;
        justify-content: center
    }

    .mobile-nav-dropdown .dropdown-menu {
        width: 100%;
        text-align: center;
        padding: 0;
        border: 0;
        border-radius: 20px;
        overflow: hidden;
        margin: 0;
        padding: 0;
        min-width: auto;
        left: 0;
        right: 0;
        padding: 5px;
        filter: drop-shadow(0 10px 30px rgba(0, 0, 0, .2))
    }

    .mobile-nav-dropdown .dropdown-menu .dropdown-item {
        border-radius: 100px;
        white-space: normal;
        line-height: normal;
        padding: 15px 30px
    }

    .mobile-nav-dropdown .dropdown-menu .dropdown-item.active {
        background-color: #e3121f
    }

    .section {
        padding: 40px 0
    }

    section.section.hero-img-section {
        padding-top: 0
    }

    .hero-section.home-hero-section {
        padding-bottom: 95px
    }

    .slick-track {
        display: flex
    }

    .slick-slide {
        height: auto
    }

    .slick-next {
        right: -40px
    }

    .slick-prev {
        left: -40px
    }

    .slick-next,
    .slick-prev {
        margin: 0
    }

    .slick-next::before,
    .slick-prev::before {
        color: #5b5b5b
    }

    .pricing-hero .container {
        padding-top: initial;
        padding-bottom: initial
    }

    .features-section.division.pricing .nav-tabs {
        margin: 40px 0
    }

    .features-section.division.pricing .add-on-section .content .details p {
        font-size: 18px;
        line-height: normal;
        width: 80%;
        text-align: center;
        margin-bottom: 20px;
        margin-left: auto;
        margin-right: auto
    }

    .features-section.division.pricing .add-on-section img {
        position: relative;
        bottom: auto;
        left: auto;
        display: none
    }

    .features-section.division.pricing .add-on-section .content .details {
        width: 100%;
        flex-direction: column
    }

    .features-section.division.pricing .add-on-section .content .details p.number {
        font-size: 40px;
        line-height: normal;
        width: 100%;
        text-align: center
    }

    .features-section.division.pricing .add-on-section .h2 {
        font-size: 32px;
        text-align: center
    }

    .addon-heading {
        width: 100%
    }

    .features-section.division.pricing .add-on-section {
        flex-direction: column;
        padding: 15px
    }

    .features-section.division.pricing .table-pricing-info table tbody tr td:first-child {
        font-size: 14px
    }

    .features-section.division.pricing .table-pricing-info .h5 {
        font-size: 18px;
        margin-left: 0 !important
    }

    .features-section.division.pricing .table-pricing-info table tbody tr td span {
        display: block
    }

    .features-section.division.pricing .contact-questions {
        display: flex;
        flex-direction: column;
        padding: 0 0
    }

    .features-section.division.pricing .contact-questions .have-questions {
        display: flex;
        flex-direction: column
    }

    .features-section.division.pricing .table-pricing-info table tbody tr td {
        width: auto
    }

    .features-section.division.pricing .table-pricing-info table tbody tr td:first-child {
        width: auto
    }

    .features-section.division.pricing .table-pricing-info .header {
        flex-direction: column;
        align-items: flex-start
    }

    .features-section.division.pricing .nav-tabs {
        width: 100%;
        flex-direction: column
    }

    .features-section.division.pricing .nav-tabs .nav-item {
        display: block;
        width: 100%
    }

    .features-section.division.pricing .nav-tabs .nav-link {
        padding: 12px 28px;
        font-size: 15px;
        line-height: normal;
        margin-bottom: 10px;
        text-align: center
    }

    .pricing-details.card .advantages li {
        text-align: left
    }

    .pricing-details.card .small-info {
        width: 50%
    }

    .features-section.division.pricing .header-tab {
        flex-direction: column;
        border-radius: 20px;
        margin-bottom: 15px
    }

    .switch-year-month .radio-input {
        --container_width: 260px;
        flex-wrap: nowrap
    }

    .features-section.division.pricing .header-tab p {
        font-size: 20px;
        color: #153955;
        font-weight: 700;
        margin-bottom: 0;
        text-align: center;
        margin: 20px 0
    }

    .pricing-accordion .accordion .accordion-button {
        padding: 20px;
        flex-direction: column
    }

    .pricing-accordion .accordion .accordion-item .accordion-header span {
        top: 0;
        width: 44px;
        font-size: 40px;
        height: 45px;
        display: none
    }

    .pricing-accordion .accordion .accordion-item.is-active .accordion-header span {
        display: none
    }

    .pricing-accordion .accordion .accordion-body::before {
        content: '';
        width: auto;
        height: 1px;
        background: #707070;
        display: block;
        position: absolute;
        left: 20px;
        right: 20px;
        top: 0;
        opacity: .27
    }

    .pricing-accordion .accordion .accordion-body {
        padding: 20px;
        font-size: 13px;
        line-height: 20px;
        margin: 0
    }

    .hero-image-p-left {
        display: none
    }

    .hero-image-p-right {
        display: none
    }

    .content-section .img-block.left-column img {
        max-width: 100%
    }

    .mb-100 {
        margin-bottom: 50px !important
    }

    .has-megamenu .megamenu-content {
        position: static;
        margin-top: 0
    }

    .has-megamenu:hover .megamenu-content {
        padding: 10px 0 10px
    }

    .has-megamenu .megamenu-content .nav a {
        font-size: 12px;
        line-height: normal;
        margin-bottom: 5px
    }

    .language-dropdown-menu {
        max-width: 76px;
        transform: translateX(62px) !important;
    }

    .has-megamenu .megamenu-content .container {
        padding-left: 20px;
        padding-right: 20px;
    }

    section.section.cta-section.cta-pbx .container .section-content {
        padding: 16px 20px
    }

    .wsanimated-arrow span,
    .wsanimated-arrow span:after,
    .wsanimated-arrow span:before {
        background: #000
    }

    .tra-menu .wsmobileheader,
    .white-menu .wsmobileheader {
        background: #fff
    }

    .call-to-action-just-title {
        padding: 0 0
    }

    .card.popular-video-card .card-body .card-title,
    .pbx-feature-item .card-title,
    .simplest h3,
    .simplest h5 {
        font-size: 18px;
        line-height: 20px;
        margin-bottom: 28px
    }

    .simplest p {
        font-size: 13px;
        line-height: 20px
    }

    .clients-revenue {
        font-size: 30px
    }

    .widget.footer-widget {
        margin-bottom: 40px
    }

    .widget.footer-widget.flags-widget {
        margin-bottom: 0
    }

    .widget.footer-widget .footer-widget-title {
        margin-bottom: 20px
    }

    .widget.footer-widget .footer-widget-title h4 {
        margin-bottom: 0;
        font-size: 16px
    }

    .copyright {
        margin-top: 0;
        text-align: center
    }

    .footer-bottom-nav {
        display: flex;
        justify-content: center
    }

    .footer-bottom-nav .separator {
        margin: 0 5px;
        align-items: center;
        justify-content: center
    }

    .footer-bottom-nav span.separator:first-child {
        display: none
    }

    .card.popular-video-card,
    .simplest {
        padding: 20px;
        filter: none
    }

    .btn.btn-footer-contact {
        font-size: 30px
    }

    .custom-imge-enhance {
        margin: auto;
        z-index: 1;
        max-width: 100%;
        width: 30%
    }

    .custom-content-5-wrapper {
        padding: 10px
    }

    .hero-title {
        font-size: 23px;
        line-height: normal
    }

    .hero-pbx-bg.hero-lead-management {
        padding-top: 120px;
        padding-bottom: 40px !important
    }

    .hero-pbx-bg.hero-lead-management .hero-section-content {
        background: 0 0;
        padding: 0;
        border-radius: 0;
        max-width: none
    }

    .hero-pbx-bg.hero-lead-management .hero-title {
        font-size: 36px;
        line-height: 1.1;
        margin-bottom: 18px
    }

    .hero-pbx-bg.hero-lead-management .hero-description {
        font-size: 18px;
        line-height: 1.5;
        margin-bottom: 24px
    }

    .hero-pbx-bg.hero-lead-management .hero-image {
        margin-top: 35px;
        justify-content: center
    }

    .hero-pbx-bg.hero-lead-management .hero-image .hero-image-wrapper {
        transform: none;
        max-width: 100%
    }

    .hero-pbx-bg.hero-lead-management .btns-group {
        justify-content: flex-start
    }

    .hero-pbx-bg.hero-contact-center,
    .hero-section {
        padding-top: 120px;
        min-height: auto;
        padding-bottom: 40px !important;
        max-height: none;
        height: auto;
        background-size: cover
    }

    .hero-description {
        font-size: 16px;
        line-height: 25px;
        margin-top: 10px
    }

    .hero-section .hero-section-content {
        background: rgba(0, 0, 0, .7);
        border-radius: 20px;
        padding: 20px 10px 10px
    }

    .section-title h2,
    .section-title h3 {
        margin-bottom: 40px;
        font-size: 22px;
        line-height: 26px
    }

    section.section .section-title p.lead {
        font-size: 13px;
        line-height: 20px;
        margin-bottom: 40px
    }

    .cta .section-title h1,
    .cta .section-title h2,
    .cta .section-title h3,
    .cta .section-title h4,
    .cta .section-title h5,
    .cta .section-title h6 {
        font-size: 22px;
        line-height: 22px;
        margin-bottom: 32px
    }

    p.lead {
        font-size: 13px;
        line-height: 20px
    }

    .newsletter-form form {
        display: flex;
        gap: 0 !important;
        flex-direction: column
    }

    .tabs-section {
        padding: 20px
    }

    .tabs-section .nav-tabs {
        border: 0;
        padding: 0;
        display: block;
        grid-template-columns: auto;
        margin-bottom: 30px;
        z-index: 1;
        position: relative;
    }

    .content-5-wrapper {
        position: relative
    }

    .tab-images {
        position: relative !important;
        top: 0 !important;
        width: 100%;
        margin-top: 20px
    }

    .tabs-features-section .d-flex.align-items-start {
        flex-direction: column;
        align-items: stretch !important
    }

    .tabs-features-section .nav.flex-column.nav-pills {
        width: 100%;
        margin-right: 0 !important;
        margin-bottom: 18px
    }

    .tabs-features-section .nav.flex-column.nav-pills .nav-link {
        width: 100%;
        min-width: 100%;
        margin-left: 0;
        margin-right: 0;
        font-size: 14px;
        margin: 6px 2px;
    }

    .tabs-features-section .tab-content {
        width: 100%
    }

    .tabs-features-section .tab-content {
        display: none
    }

    .tabs-features-section .tab-content .tab-pane {
        margin-top: 8px
    }

    .tabs-features-section .tabs-mobile-panel {
        width: 100%;
        margin: 12px 0 18px;
        padding: 2px 0 4px
    }

    .tabs-features-section .tabs-mobile-panel__content h3 {
        font-size: 18px;
        line-height: 24px;
        margin-bottom: 15px
    }

    .tabs-features-section .tabs-mobile-panel__content p {
        font-size: 13px;
        line-height: 18px;
        margin-bottom: 0
    }

    .tabs-section .nav-tabs li.nav-item:not(:last-child) {
        margin-bottom: 10px
    }

    .tabs-section .tab-content .btn {
        width: 100%;
        margin-bottom: 10px
    }

    .footer-top {
        padding: 40px 0 0
    }

    .footer-center {
        padding: 40px 0 0
    }

    .wsmenu>.wsmenu-list .login-btn .btn {
        color: #fff
    }

    .call-attribution-section {
        padding: 40px 0
    }

    .reporting-dashboard-section {
        padding-top: 40px
    }

    .reporting-dashboard-section .section-media img {
        margin-top: 40px;
        position: static
    }

    .btn-filter {
        display: flex;
        align-items: center;
        gap: 10px
    }

    ul.shop-widget-nav {
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        overflow-x: auto
    }

    ul.shop-widget-nav li {
        width: 100%;
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        margin: 0 5px 0 0
    }

    ul.shop-widget-nav a {
        font-size: 12px;
        color: #3c3c3c;
        display: block;
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        width: 100%;
        border: 1px solid;
        align-items: center;
        justify-content: center;
        padding: 10px 15px;
        border-radius: 4px;
        margin-bottom: 5px;
        white-space: nowrap;
        border-color: var(--bs-gray-400)
    }

    ul.shop-widget-nav a.active {
        border-color: var(--bs-primary);
        border-width: medium
    }

    .page-header {
        margin-bottom: 40px
    }

    .mini-cart {
        margin-bottom: 0
    }

    .shop-sorting {
        flex-direction: column
    }

    .shop-sorting>div {
        width: 100%;
        margin-bottom: 20px
    }

    .shop-sorting>div:last-child {
        margin-bottom: 0
    }

    aside.sidebar .collapse {
        display: none !important
    }

    aside.sidebar .collapse.show {
        display: block !important
    }

    .btn-filter {
        height: 48px;
        width: 160px
    }

    .btn-filter .flaticon-filter {
        display: none
    }

    .btn-filter.collapsed .flaticon-filter {
        display: block
    }

    .btn-filter.collapsed .fa.fa-close {
        display: none
    }

    .faqs-search-description p {
        font-size: 13px;
        margin-bottom: 0;
        color: #fff500;
        line-height: 20px
    }

    .faqs-search .form-control {
        width: 100%;
        margin-bottom: 0
    }

    .faqs-search-description h5 {
        margin-top: 20px;
        font-size: 20px
    }

    .card.sign-in-pbx-card .card-body {
        padding: 20px
    }

    .card.helpful-card .card-title,
    .card.popular-articles-card .card-body .card-title,
    .card.sign-in-pbx-card .card-body .card-title {
        font-size: 22px;
        line-height: 22px;
        margin-bottom: 20px
    }

    .cb-box-rounded {
        padding: 20px !important
    }

    .all-articles-section .list-group .list-group-item,
    .card.popular-articles-card>.list-group .list-group-item a {
        color: #153855;
        font-weight: 400;
        font-size: 14px;
        line-height: 20px
    }

    .card.popular-video-card .card-body .card-text,
    .card.sign-in-pbx-card .card-body .card-text {
        margin-bottom: 0;
        font-size: 13px;
        line-height: 20px
    }

    .card.helpful-card {
        padding: 0 20px 20px;
        margin-bottom: 20px
    }

    .card.helpful-card .card-body {
        padding: 20px 0 20px 0
    }

    .card.helpful-card .card-text {
        font-size: 20px;
        font-weight: 500;
        margin-bottom: 20px;
        line-height: 20px
    }

    .card.popular-articles-card {
        padding: 20px
    }

    .card.popular-articles-card .card-body .card-title {
        margin-bottom: 25px
    }

    .card.popular-articles-card>.list-group .list-group-item {
        padding: 10px 0
    }

    .card.popular-video-card .video-card-img-wrapper img {
        object-fit: cover
    }

    .has-megamenu .megamenu-content .nav.nav-services {
        margin-left: 0
    }

    .cta .row.no-responsive-reverse {
        flex-direction: inherit
    }

    .statistic-block {
        margin: 15px 0 10px
    }

    .sticky-buttons-wrapper {
        display: flex
    }
}

@media screen and (max-width:389px) {
    .btn.btn-footer-contact {
        font-size: 23px
    }

    .clients-revenue {
        font-size: 23px
    }

    .sticky-buttons-wrapper {
        padding: 5px 10px
    }

    .btn.btn-glose {
        font-size: 12px
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .section {
        padding: 60px 0
    }

    .cta .section-title h1,
    .cta .section-title h2,
    .cta .section-title h3,
    .cta .section-title h4,
    .cta .section-title h5,
    .cta .section-title h6 {
        font-size: 34px;
        line-height: 44px
    }

    p.lead {
        font-size: 20px;
        line-height: 30px
    }

    .cta-media-newsletter.cta-media {
        width: 350px;
        right: 0
    }

    .cta-media-enhance.cta-media {
        transform: none;
        top: 0;
        bottom: 0;
        right: 0;
        left: 0;
        width: 450px
    }

    .call-tracking-screen.cta-media img {
        width: 85%
    }

    section.hero-section.hero-section-call-tracking {
        min-height: auto;
        padding-bottom: 30px
    }

    .hero-img.hero-img-mobile-app {
        width: 630px;
        right: 0
    }

    .custom-imge-enhance {
        margin: -86px 0 0 0;
        width: 86% !important;
        border-radius: 70px
    }

    .hero-image-p-left img,
    .hero-image-p-right img {
        width: 230px
    }

    .hero-pbx-faqs .faqs-search .footer-widget-content .newsletter-form form {
        flex-direction: column
    }

    .sign-in-pbx-img img {
        position: absolute;
        top: -20px;
        width: 500px;
        right: -5px
    }


    .content-section .img-block.left-column img {
        max-width: 100%
    }

    .wsmenu>.wsmenu-list .login-btn .btn {
        padding: 10px 20px
    }

    .wsmenu>.wsmenu-list>li a.btn {
        font-size: 13px
    }

    .btn {
        font-size: 16px
    }

    .tabs-section .btns-group .btn {
        padding: 15px 12px;
        font-size: 14px
    }

    .has-megamenu .megamenu-content .card.cta-card .card-title {
        font-size: 20px;
        line-height: 20px;
        margin-bottom: 10px;
        margin-top: 10px
    }

    .has-megamenu .megamenu-content .nav a {
        font-size: 12px;
        margin-left: 10px;
        line-height: normal
    }

    .has-megamenu .megamenu-content .card.cta-card:last-child .card-body .cta-card-text img {
        position: absolute;
        top: -36px;
        right: -60px;
        width: 65%;
    }

    .has-megamenu .megamenu-content .nav:first-child {
        margin-left: 557px
    }

    .has-megamenu .megamenu-content .card.cta-card {
        margin-left: 0
    }

    .has-megamenu .megamenu-content .card.cta-card {
        max-width: 355px
    }

    .has-megamenu.company-megamenu .megamenu-content .card.cta-card {
        max-width: 340px
    }

    .has-megamenu .megamenu-content .card.cta-card.cta-nav-career {
        margin-left: 0;
        max-width: 505px
    }

    .has-megamenu .megamenu-content .card.cta-card .card-text {
        font-size: 10px;
        line-height: normal
    }

    .has-megamenu .megamenu-content .card.cta-card.cta-nav-services {
        max-width: 395px;
        margin-left: 330px
    }

    .company-megamenu.has-megamenu .megamenu-content .card.cta-card .card-img img {
        width: 100px;
        top: -10px
    }

    .has-megamenu .megamenu-content .card.cta-card .btn {
        padding: 6px;
        font-size: 10px;
        font-weight: 400;
        border-radius: 4px;
        min-width: auto;
        text-transform: uppercase
    }

    .reporting-dashboard-section .section-media img {
        position: absolute;
        right: 0;
        top: 0;
        width: 50%
    }

    section.section.cta-section.cta-pbx .container .section-media img {
        max-width: unset;
        bottom: 0;
        right: -13px;
        width: 36%;
        top: 14px
    }

    .hero-title {
        font-size: 35px;
        line-height: 38px;
        margin-bottom: 40px
    }

    .hero-description {
        font-size: 14px;
        line-height: 18px
    }

    .simplest.position-relative h5 {
        font-size: 28px;
        line-height: 32px;
        margin-bottom: 24px;
    }

    .simplest.position-relative p {
        font-size: 14px;
        line-height: 18px
    }

    .wsmenu>.wsmenu-list>li>a {
        font-size: 12px;
        padding: 10px 10px;
        margin: 0
    }

    .rtl-direction .wsmenu>.wsmenu-list>li>a {
        font-size: 13px;
    }

    .wsmenu>.wsmenu-list>li>a.last-link {
        margin: 0
    }

    .tab-images {
        position: relative !important;
        top: 0 !important;
        width: 100%;
        margin-top: 20px
    }

    .tab-images .tab-img-lg {
        position: relative;
        right: 0;
        top: 0;
        width: 100%;
        height: 240px;
    }

    .section-title h2,
    .section-title h3 {
        margin-bottom: 40px;
        font-size: 20px;
        line-height: 25px;
        text-transform: capitalize;
    }

    .tab-images .tab-img-sm {
        position: absolute;
        top: -25px;
        right: 18px;
        box-shadow: 5px 5px 10px 0 rgb(0 0 0 / 30%);
        border-radius: 5px;
        width: 90px
    }

    .tabs-section .nav-tabs {
        width: 100% !important;
        position: relative;
        margin-bottom: 40px;
        max-width: none;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
    }

    .tabs-section .nav-tabs li.nav-item {
        flex-grow: 1;
        display: flex;
        width: 50%;
    }

    .tabs-section .nav-tabs li.nav-item .nav-link {
        font-size: 16px
    }

    section.hero-section.hero-lead-section {
        min-height: auto;
        padding-bottom: 80px
    }

    .hero-lead-section .hero-img {
        margin: 0;
        position: absolute;
        right: 0;
        top: -65px;
        width: 650px;
        right: 0
    }

    .cta-list.lead {
        font-size: 13px;
        line-height: 18px
    }

    .lead-tracking-dashboard-media.cta-media {
        width: 700px
    }

    section.hero-section.hero-appointment {
        min-height: auto;
        padding-bottom: 80px
    }

    section.hero-section.hero-appointment .hero-img {
        position: absolute;
        right: -12px;
        width: auto
    }

    section.hero-section.hero-appointment .btn {
        width: 100%
    }

    .cta .marketplace-buttons {
        display: flex;
        gap: 20px;
        margin-top: 50px;
        flex-direction: column
    }

    .cta .marketplace-buttons a img {
        width: 100%
    }

    .cta-media-full-spectrum.cta-media img {
        width: 100%
    }

    .steps-container .container .form-content .input-group-number {
        width: 100% !important
    }
}

@media (min-width:1200px)and (max-width:1400px) {
    .simplest.position-relative {
        padding: 20px 20px
    }

    section.hero-section.hero-lead-section {
        min-height: auto;
        padding-bottom: 80px
    }

    .hero-lead-section .hero-img {
        margin: 0;
        position: absolute;
        right: 0;
        top: -65px;
        width: 740px;
        right: 0
    }

    .hero-lead-section .hero-img .Venus-Logo-hero {
        top: 73px;
        right: 69px
    }

    .has-megamenu .megamenu-content .nav:first-child {
        margin-left: 600px
    }

    .has-megamenu .megamenu-content .card.cta-card {
        max-width: 485px
    }

    .has-megamenu.company-megamenu .megamenu-content .card.cta-card {
        max-width: 546px
    }

    .has-megamenu .megamenu-content .card.cta-card.cta-nav-services {
        margin-left: 295px
    }

    .media img {
        position: relative;
        right: 153px;
        top: -66px;
        width: 615px
    }

    .simplest h3 {
        font-size: 24px;
        line-height: 28px;
        margin-bottom: 28px
    }

    .btn.btn-footer-contact {
        font-size: 35px
    }

    .lead-tracking-dashboard-media.cta-media {
        top: -40px;
        width: 880px
    }
}

@media (min-width:1200px) and (max-width:1600px) {
    .hero-appointment .hero-img {
        width: 126%
    }

    .hero-img.hero-img-mobile-app {
        width: 640px;
        right: 0
    }

    .marketplace-buttons a img {
        width: 100%
    }

    .tabs-section .nav-tabs {
        margin-bottom: 60px;
        position: relative
    }

    .call-tracking-images,
    .data-management-images,
    .integration-images,
    .texting-management-images {
        position: absolute;
        right: 0;
        bottom: 0
    }

    .tab-images .tab-img-lg {
        position: relative;
        right: -151px;
        top: 0;
        width: 581px;
        height: 520px;
        max-width: none;
        object-fit: contain;
    }

    .tab-images .tab-img-sm {
        position: absolute;
        top: 0;
        right: -31px;
        box-shadow: 21.142px 22.672px 35px 0 rgba(0, 0, 0, .3);
        border-radius: 15px;
        width: 160px
    }

    .hero-image-p-left img,
    .hero-image-p-right img {
        width: 300px
    }

    .has-megamenu .megamenu-content .nav a {
        font-size: 14px;
        line-height: normal
    }

    .company-megamenu.has-megamenu .megamenu-content .card.cta-card .card-img img {
        width: 100px
    }

    .has-megamenu .megamenu-content .card.cta-card .card-title {
        font-size: 24px;
        line-height: 24px
    }

    .reporting-dashboard-section .container {
        padding: 20px 60px;
        padding-top: 20px
    }

    .hero-10-img.video-preview img {
        width: 70%;
        margin-left: auto;
        margin-right: auto
    }

    .hero-10-img.pricing-hero-images img {
        width: 30%;
        margin-left: 0;
        margin-right: 0
    }

    .reporting-dashboard-section .section-media img {
        position: static;
        max-width: 100%
    }

    section.section.cta-section.cta-pbx .container .section-media img {
        right: -25px;
        width: 38%;
        max-width: 100%
    }

    .content-section.division .video-preview img {
        max-width: 100%
    }

    .card.popular-articles-card>.list-group .list-group-item {
        padding: 17px 0
    }

    .sign-in-pbx-img img {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%
    }

    .card.helpful-card .card-title,
    .content-14-txt h3 .section-title-bf h2,
    .content-14-txt h4,
    .txt-block h2,
    .txt-block h3,
    section.section.cta-section.cta-pbx .container .section-title {
        font-size: 28px;
        line-height: 34px
    }

    .reporting-dashboard-section .section-media img {
        max-width: 60%;
        float: inline-end
    }

    .card.popular-articles-card>.list-group .list-group-item a {
        font-size: 14px;
        line-height: 28px
    }

    .card.popular-video-card .card-body .card-title,
    .simplest h5 {
        font-size: 24px;
        line-height: 28px;
        margin-bottom: 28px
    }

    .wsmenu>.wsmenu-list>li a.btn {
        font-size: 14px;
        padding-left: 20px;
        padding-right: 20px
    }

    .desktoplogo img {
        max-height: 29px
    }

    .desktoplogo .ringo-connect-logo {
        width: 200px
    }

    .btn.btn-footer-contact,
    .clients-revenue {
        font-size: 28px
    }

    .cta-media-enhance.cta-media {
        transform: none;
        top: 0;
        bottom: 0;
        right: 0;
        left: 0;
        width: auto
    }

    .custom-imge-enhance {
        top: 0;
        right: 0;
        margin: -45px 0 -104px 0;
        width: 270px !important;
    }

    section.cta-supercharge-your-marketing {
        padding: 10px 0;
    }

    .cta .section-title h1,
    .cta .section-title h2,
    .cta .section-title h3,
    .cta .section-title h4,
    .cta .section-title h5,
    .cta .section-title h6 {
        font-size: 40px;
        line-height: 40px;
    }

    p.lead {
        font-size: 18px;
        line-height: 28px;
    }

    p.p-lg {
        font-size: 20px;
        line-height: 30px
    }

    .cta-media-newsletter.cta-media {
        right: 0;
        width: 430px
    }
}

@media (min-width:1400px) and (max-width:1600px) {
    .hero-lead-section .hero-img {
        margin: 0;
        position: absolute;
        right: 0;
        top: -65px;
        width: 940px;
        right: -50px
    }

    .intuitive-lead-section .section-media img {
        position: relative;
        right: 120px;
        top: -59px;
        width: 583px
    }

    .pricing-details.card .pref {
        min-height: 68px
    }

    .pricing-details.card .small-info {
        padding: 3px 10px;
        font-size: 13px;
        width: 70%
    }

    .hero-10-img.pricing-hero-images {
        margin: -100px 0 -100px !important
    }

    .company-megamenu.has-megamenu .megamenu-content .card.cta-card {
        max-width: 600px
    }

    .has-megamenu .megamenu-content .nav:first-child {
        margin-left: 757px
    }

    .has-megamenu .megamenu-content .card.cta-card {
        max-width: 485px
    }

    .has-megamenu .megamenu-content .card.cta-card.cta-nav-career {
        margin-left: 0
    }
}

@media (min-width:1600px) {

    .cta .section-title h1,
    .cta .section-title h2,
    .cta .section-title h3,
    .cta .section-title h4,
    .cta .section-title h5,
    .cta .section-title h6 {
        font-size: 42px;
        line-height: 50px
    }

    .widget.footer-widget .footer-widget-content ul.nav.footer-nav li.nav-item a.nav-link {
        font-size: 14px;
        color: #cecece;
        padding: 0 0 0 10px;
        position: relative;
        white-space: nowrap
    }
}

@media (min-width:1400px) {

    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl {
        max-width: 1300px
    }
}

.footer-modern {
    color: #fff;
    background-color: transparent;
    background-image: linear-gradient(180deg, #2E2D2D 0%, #0B0B0B 100%);
}

.footer-modern .footer-brand-logo {
    max-width: 180px;
    height: 60px;
}

.footer-modern .footer-about {
    max-width: 360px;
    color: #fff;
    line-height: 26px;
    font-size: 12px;
    margin-bottom: 25px;
}

.footer-modern .footer-title {
    color: #fff;
    font-size: 18px;
    line-height: 18px;
    font-weight: 700;
    margin-bottom: 25px;
}

.footer-modern .footer-links {
    margin: 0;
    padding: 0;
}

.footer-modern .footer-links li {
    margin-bottom: 10px;
}

.footer-modern .footer-links a {
    color: #fff;
    text-decoration: none;
    font-size: 12px;
    line-height: 18px;
    display: flex;
    align-items: center;
    gap: .5rem;
}

.footer-modern .footer-links a::before {
    content: "•";
    color: #fff;
    font-size: 36px;
    line-height: 0px;
    margin-top: -5px;
}

.footer-modern .footer-links a:hover {
    color: #31b7f0;
}

.footer-modern .footer-partners {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.footer-modern .footer-partner img {
    display: block;
    max-width: 150px;
    width: 100%;
    height: auto;
}

.footer-modern .footer-downloads {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.footer-modern .footer-badge {
    display: inline-flex;
    align-items: center;
    justify-content: flex-start;
    text-decoration: none;
}

.footer-modern .footer-badge img {
    max-width: 150px;
    width: 100%;
    height: auto;
    display: block;
    border: .5px solid #fff;
    border-radius: 13px;
    overflow: hidden;
    object-fit: contain;
}

.footer-modern .footer-badge-text {
    display: inline-flex;
    align-items: center;
    min-height: 44px;
    padding: .55rem .9rem;
    border-radius: 12px;
    background: #111;
    color: #fff;
    font-weight: 700;
    letter-spacing: .02em;
    border: 1px solid rgba(255, 255, 255, .12);
}

.footer-modern .footer-social-btn {
    width: 42px;
    height: 42px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: #000;
    color: #fff;
    text-decoration: none;
    transition: transform .2s ease, background-color .2s ease;
}

.footer-modern .footer-social-btn:hover {
    background: #31b7f0;
    transform: translateY(-2px);
}

.footer-modern .footer-social-btn i {
    font-size: 1rem;
}

.footer-modern .footer-divider {
    border-top: 1px solid rgba(255, 255, 255, .12);
}

.footer-modern .footer-copyright {
    color: rgba(255, 255, 255, .82);
    font-size: .95rem;
    line-height: 1.7;
}

.footer-modern .footer-copyright a {
    color: rgba(255, 255, 255, .9);
    text-decoration: none;
}

.footer-modern .footer-copyright a:hover {
    color: #31b7f0;
}

@media (max-width: 991px) {
    .wsmenu>.wsmenu-list>li a.btn {
        text-align: center !important;
        border-color: #000000;
        border-right: 1px solid #000;
        margin-bottom: 10px;
    }

    .footer-modern .footer-brand-logo {
        max-width: 160px;
    }

    .footer-modern .footer-partner img,
    .footer-modern .footer-badge img {
        max-width: 140px;
    }

    .footer-modern .footer-title {
        font-size: 1rem;
    }
}

@media (min-width:1601px) {

    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl,
    .container-xxl {
        max-width: 1320px
    }
}

@media (max-width:1200px) {
    .desktoplogo .ringo-connect-logo {
        width: 200px;
        object-fit: contain
    }

    .hero-lead-section .hero-img .Venus-Logo-hero {
        top: 73px;
        right: 69px
    }

    br {
        display: none !important;
    }
}

@media only screen and (max-width:992px) {
    section.section.our-partners-section .partners-1-wrapper img {
        height: 44px;
        width: 120px;
    }

    .simplest.position-relative .fbox-img {
        margin-bottom: 15px;
    }

    .hero-pbx-bg.hero-lead-management .hero-image .hero-image-wrapper img {
        max-width: 100%;
    }

    .section-faq .accordion-item .accordion-body {
        font-size: 13px;
        line-height: 18px;
    }

    .section-faq .accordion-item .accordion-button {
        font-size: 14px;
        line-height: 22px;
    }

    .section-cta-lead-management .container {
        padding: 50px 30px;
    }

    .section-cta-lead-management .container .title-cta {
        font-size: 25px;
        line-height: 30px;
        margin-bottom: 29px;
    }

    .hero-lead-section .hero-img .Venus-Logo-hero {
        top: 57px;
        right: 48px;
        width: 59px
    }
}

@media only screen and (max-width:767px) {
    .hero-lead-section .hero-img .Venus-Logo-hero {
        top: 104px;
        right: 59px;
        width: 50px
    }

    .fbox-8-wrapper .simplest ul li.mb-2.fw-bold {
        font-size: 11px
    }
}

@media only screen and (max-width:485px) {
    .hero-lead-section .hero-img .Venus-Logo-hero {
        top: 59px;
        right: 40px;
        width: 43px
    }
}

@media (max-width:1200px) {
    .desktoplogo.vinus-hr-logo .ringo-connect-logo {
        width: auto;
        object-fit: contain
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .desktoplogo.vinus-hr-logo img {
        min-height: 54px;
        max-height: 54px
    }
}

@media (min-width:1200px) and (max-width:1600px) {
    .desktoplogo.vinus-hr-logo img {
        min-height: 54px;
        max-height: 54px
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .desktoplogo.ringo-hr-logo img {
        min-height: 54px;
        max-height: 54px
    }
}

@media (min-width:1200px) and (max-width:1600px) {
    .desktoplogo.ringo-hr-logo img {
        min-height: 54px;
        max-height: 54px
    }
}

@media (min-width:320px) and (max-width:767px) {
    .hero-lead-section.hero-lead-section-ringo-connect .hero-img {
        width: 100%;
        right: 0;
        left: 0
    }
}

@media (min-width:768px) and (max-width:991px) {
    .hero-lead-section.hero-lead-section-ringo-connect .hero-img {
        width: 380px;
        right: -30px
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .desktoplogo.ringo-connect-desktoplogo img {
        min-height: 54px;
        max-height: 54px
    }

    .hero-lead-section.hero-lead-section-ringo-connect .hero-img {
        width: 460px;
        top: 0
    }
}

@media (min-width:1200px) and (max-width:1600px) {
    .desktoplogo.ringo-connect-desktoplogo img {
        min-height: 54px;
        max-height: 54px
    }
}

@media (min-width:992px) and (max-width:1200px) {
    .lead-tracking-dashboard-media.ringo-connect-media.cta-media {
        top: -26px;
        width: 474px;
        left: inherit;
        right: 10px
    }
}

@media (max-width:992px) {

    .rtl-direction .wsanimated-arrow {
        left: 79px;
        right: unset;
    }

    .rtl-direction .wsmobileheader .smllogo {
        padding-right: 22px;

    }

    .lead-tracking-dashboard-media.ringo-connect-media.cta-media {
        top: 4px;
        width: 295px;
        left: inherit;
        right: 12px
    }

    section.cta-supercharge-your-marketing {
        padding: 10px 0;
    }

    section.the-future-communication {
        padding-top: 50px;
        padding-bottom: 50px;
    }
}

.contact-phone-input {
    width: 100%;
}

.iti {
    width: 100%;
}

.contact-phone-input.iti__input {
    padding-left: 88px;
}

@media (max-width:992px) {
    .wsmenu>.wsmenu-list>li.nl-simple.language-btn {
        display: none;
    }

    .wsmobileheader .mobile-language-dropdown li.language-btn {
        position: absolute;
        right: 64px;
        top: 24px;
    }

    .wsmobileheader .mobile-language-dropdown li.language-btn>.btn {
        display: inline-flex;
        align-items: center;
        gap: 10px;
        padding: 5px 5px;
        border-radius: 999px;
        background: #1f2023;
        border: 1px solid #1f2023;
        color: #fff;
        line-height: 1;
        letter-spacing: .08em;
        transition: all 0.1s ease;
        line-height: normal;
        font-size: 15px;
    }

    .wsmobileheader .mobile-language-dropdown li.language-btn>.btn:hover {
        background: #1f2023;
        border-color: #1f2023
    }

    .wsmobileheader .mobile-language-dropdown .language-dropdown-menu {
        min-width: 70px;
        transform: translateX(0px) !important;
        margin: 0;
        padding: 5px;
    }

    .wsmobileheader .mobile-language-dropdown .language-dropdown-menu .dropdown-item {
        padding: 0;
        gap: 10px;
    }

    .wsmobileheader .mobile-language-dropdown li.language-btn.dropdown:hover>.btn,
    .wsmobileheader .mobile-language-dropdown>.wsmenu>.wsmenu-list>li.language-btn.dropdown:focus-within>.btn {
        border-radius: 18px 18px 0 0;
    }

    .wsmobileheader .mobile-language-dropdown .language-btn .lang-flag {
        width: 18px;
        height: 18px;
        background: transparent;
    }

    .wsmobileheader .mobile-language-dropdown .language-btn .lang-flag img {
        width: 18px;
        height: 18px;
        border-radius: 999px;
    }
}