@charset "utf-8";

/* CSS Document */


/* media-query
------------------------------------------------*/

@media handheld,
only screen and (min-width: 1500px) {
    div#wrapper {
        padding-top: 270px;
    }
    .header-part .logo {
        max-width: 210px;
    }
}

@media handheld,
only screen and (max-width: 1440px) {
    .first-viedo-section {
        height: 520px;
    }
    .first-viedo-section video {
        top: -130px;
    }
}

@media handheld,
only screen and (max-width: 1340px) {
    h1 {
        font-size: 30px;
    }
    h2 {
        font-size: 26px;
    }
    .first-viedo-section .max-content-box h1 {
        margin-bottom: 15px;
    }
    .max-content-box p {
        font-size: 22px;
        line-height: 30px;
    }
    .h2-title {
        margin-bottom: 40px;
    }
    .multi_content h3 {
        font-size: 22px;
    }
    .first-viedo-section video {
        top: -110px;
    }
}
@media handheld,
only screen and (max-width: 1200px) {
    .mt-20 {margin-top: 14%;}

}

@media handheld,
only screen and (max-width: 1100px) {
    .mt-20 {margin-top: 18%;}
    .header-rightbutons ul li {
        margin-left: 20px;
    }
    .navigatin-menu>nav>ul>li {
        margin-right: 9px;
    }
    .first-viedo-section video {
        top: -80px;
    }
    .text_content_box_sec .row .three_col {
        padding: 25px;
    }
    .multi_content h3 {
        font-size: 20px;
    }
    
    .first-viedo-section {
        height: 420px;
    }
}

@media handheld,
only screen and (max-width: 1024px) {}

@media handheld,
only screen and (max-width: 1023px) {
    .leader_product .row-box .leader_pro {
        padding: 0 10px;
    }
}

@media handheld,
only screen and (max-width: 991px) {
    .first-viedo-section video {
        top: -60px;
    }
    ul.tty {
        padding-right: 10px;
        padding-bottom: 0 !important;
        margin: 0;
        /* padding-top: 5px; */
    }
    .tty {
        display: block;
    }
    .tty li.ext_fa a {
        width: 22px;
        height: 22px;
        background: #fff;
        border-radius: 50%;
        justify-content: center;
        display: flex;
        align-items: center;
        color: #032e5c;
        font-size: 12px;
        align-items: center;
        justify-content: center;
    }
    ul.tty {
        padding-right: 10px;
    }
    li.ext_fa {
        list-style: none;
    }
    .first-viedo-section {
        height: 400px;
    }
    .mobilemenu-icon {
        width: 35px;
        height: 33px;
        margin-left: 20px;
    }
    .mobilemenu-icon a.click-mobile-icon {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        align-items: center;
        height: 33px;
    }
    .mobilemenu-icon a.click-mobile-icon span {
        background-color: #4b8226;
        display: flex;
        height: 3px;
        width: 100%;
        border-radius: 30px;
        transition: all ease-in .3s;
    }
    .navigatin-menu {
        position: absolute;
        width: 100%;
        height: auto;
        left: 0;
        right: 0;
        top: 100%;
        bottom: 0;
        z-index: 99999;
        display: none;
    }
    .navigatin-menu nav {
        background-color: #4b8226;
    }
    .navigatin-menu nav>ul {
        flex-direction: column;
    }
    .navigatin-menu nav>ul>li {
        margin-right: 0;
        padding-right: 0 !important;
        padding-top: 0;
        padding-bottom: 0;
    }
    .navigatin-menu nav>ul>li>a {
        padding: 10px 55px 10px 15px;
        display: block;
    }
    .navigatin-menu nav>ul>li span.down-arrow {
        position: absolute;
        right: 20px !important;
        width: 30px;
        height: 30px;
        text-align: center;
        color: #fff!important;
        line-height: 30px;
        pointer-events: inherit !important;
        cursor: pointer;
    }
    .navigatin-menu nav>ul>li>ul.sub-menu,
    .navigatin-menu>nav>ul>li>.sub-menu.inner-submenu.sub-menu {
        position: relative;
        opacity: 1;
        visibility: visible;
        background-color: transparent;
        box-shadow: none;
        min-width: 100%;
        padding: 0;
        right: 0;
        left: 0;
        top: inherit;
        display: none;
        transition: all ease-in .0s;
    }
    .navigatin-menu nav>ul>li>ul.sub-menu>li>a {
        color: #fff;
        font-size: 14px;
        padding: 1px 30px;
    }
    .navigatin-menu nav>ul>li>a {
        color: #fff;
        border-bottom: 1px solid #c4c4c4;
    }
    .navigatin-menu nav>ul>li:last-child>a {
        border-bottom: 0;
    }
    .navigatin-menu>nav>ul>li>.sub-menu.inner-submenu.sub-menu .twoblk.megamenu-img {
        display: none;
    }
    .navigatin-menu>nav>ul>li>.sub-menu.inner-submenu.sub-menu .flexcol-box.twoblk {
        width: 100%;
    }
    .navigatin-menu>nav>ul>li>.sub-menu.inner-submenu.sub-menu .flexcol-box.twoblk {
        min-height: inherit;
    }
    .navigatin-menu>nav>ul>li>.sub-menu.inner-submenu.sub-menu .flexcol-box.twoblk ul {
        padding: 0;
    }
    .navigatin-menu>nav>ul>li>.sub-menu.inner-submenu.sub-menu .flexcol-box.twoblk ul>li>a {
        padding: 1px 30px;
        font-size: 14px;
        color: #fff;
    }
    .mobilemenu-icon a.click-mobile-icon.open span {
        position: relative;
    }
    .mobilemenu-icon a.click-mobile-icon.open span:first-child {
        transform: rotate(45deg);
        top: 10px;
    }
    .mobilemenu-icon a.click-mobile-icon.open span:last-child {
        transform: rotate(-45deg);
        top: -7px;
    }
    .mobilemenu-icon a.click-mobile-icon.open span:nth-child(2) {
        display: none;
    }
    .navigatin-menu nav>ul>li>ul.sub-menu {
        padding: 10px 0;
    }
    .navigatin-menu>nav>ul>li>.sub-menu.inner-submenu.sub-menu .flexcol-box.twoblk ul li.callbride-link {
        padding-top: 0;
        border-top: 0px solid #c4c4c4;
        margin-top: 0;
    }
    h2 {
        font-size: 24px;
    }
    .conte-block p {
        padding-right: 5px;
        margin-bottom: 20px;
    }
    .text_content_box_sec .row .three_col {
        padding: 15px;
    }
    .text_content_box_sec .row .three_col {
        max-width: 50%;
    }
    .multi_content p,
    .text_content_box_sec .three_col p {
        font-size: 16px;
        line-height: 24px;
    }
    
    .content_diff_img .row:last-child {
        max-width: 59%;
    }
    .content_diff_img .row .half_col {
        max-width: 40%;
    }
    .cta_center_content.blue_bg br {
        display: none;
    }
    .cta_center_content {
        padding: 40px 0;
    }
    .leader_product .row-box .leader_pro {
        width: 25%;
        padding: 0 15px;
        margin-bottom: 15px;
    }
    .leader_product .row-box {
        flex-wrap: wrap;
        justify-content: center;
    }
    .testimonial_content .slide_content .client_image img {
        width: 100%;
        height: auto;
    }
    .testimonial_content .slide_content .client_image {
        max-width: 155px;
    }
    .row .four_col {
        max-width: 50%;
    }
    .navigatin-menu nav.menu-header-main-menu-container ul>li.green-btn.blankbtn>a {
        text-align: left;
        color: #fff;
    }
    .navigatin-menu nav.menu-header-main-menu-container ul>li.green-btn>a {
        text-align: left;
        padding: 10px 55px 10px 15px;
        border: 0px solid #4B8226;
        border-bottom: 1px solid #c4c4c4;
        border-radius: 0;
    }
    .navigatin-menu nav.menu-header-main-menu-container ul>li.green-btn>a:hover {
        background-color: transparent;
        color: #fff;
    }
    .mt-20 {margin-top: 20%}
    .first-viedo-section .max-content-box {
        max-width: 430px;
        width: 100%;
    }
}

@media handheld,
only screen and (max-width: 767px) {
    
    .first-viedo-section {
        background-color: #fff;
        /* background-image: url(../images/callbridge-home-hero-mobile.jpg); */
        background-size: cover;
        background-position: center;
        height: auto;
        padding: 20px 0;
    }
    .first-viedo-section img.mobile_gif {
        display: block;
        margin-bottom: 30px;
    }
    .first-viedo-section .max-content-box a.btn {
        margin: 15px 15px 0;
    }
    .header-part .logo {
        max-width: 90px;
        max-width: 160px;
    }
    .first-viedo-section video {
        display: none;
    }
    .first-viedo-section .max-content-box {
        text-align: center;
    }
    h1,
    .inner_banner h1 {
        font-size: 26px;
        line-height: 34px;
    }
    .max-content-box p {
        font-size: 18px;
        line-height: 26px;
    }
    .first-viedo-section .max-content-box {
        max-width: 100%;
    }
    .header-rightbutons ul li a {
        height: 30px;
        font-size: 14px;
    }
    .mobilemenu-icon a.click-mobile-icon {
        height: 31px;
    }
    .header-rightbutons ul li {
        margin-left: 10px;
    }
    .text_content_box_sec .row .three_col {
        max-width: 100%;
        padding: 0px;
        margin-bottom: 15px;
        text-align: center;
    }
    .content_diff_img .row .half_col {
        max-width: 100%;
        padding: 0;
    }
    .content_diff_img .row .half_col:last-child {
        max-width: 100%;
        text-align: center;
        padding-top: 15px;
    }
    .content-imgblock .half_col {
        width: 100%;
        max-width: 100%;
        margin-bottom: 20px;
        padding: 0px;
    }
    .h2-title {
        margin-bottom: 10px;
    }
    .itegration_content .half_col {
        max-width: 100%;
        margin-bottom: 10px;
        padding: 0;
    }
    .content_diff_img {
        padding: 20px 0;
    }
    .testimonial_content .slide_content .client_comment p,
    .center_cta {
        font-size: 16px;
    }
    footer.main_footer .row  {
        max-width: 100%;
        margin: 0 auto;
    }
    footer.main_footer .row  a {
        max-width: 160px;
        display: inline;
        width: 100%;
    }
    footer.ma
    footer.main_footer {
        padding: 20px 0;
    }
    .half_col.multi_content br {
        display: none;
    }
    h2,
    .feature_cate_section h2 {
        font-size: 20px;
        line-height: 26px;
    }
    div#wrapper {
        padding-top: 176px;
    }
    .top-bar {
        display: none;
    }
    .half_col.conte-block {
        text-align: center;
    }
    .itegration_content {
        padding: 30px 0;
        text-align: center;
    }
    .inner_banner {
        background-position: left top;
        padding: 40px 0;
    }
    .inner_banner:after {
        width: 1000px;
        opacity: 0.5;
    }
    .row .half_col,
    .cta_center_content.cta_left_image .half_col:first-child,
    .cta_center_content.cta_left_image .half_col:last-child {
        max-width: 100%;
        margin-bottom: 25px;
    }
    .row .half_col:last-child,
    .cta_center_content.cta_left_image .half_col:last-child {
        margin-bottom: 0px;
    }
    .row .three_col {
        max-width: 50%;
    }
    .pricing-block-section .three-col {
        width: 50%;
    }
    .compare_boxes.reasoning_boxes .row .three_col {
        padding-bottom: 25px;
    }
    .compare_boxes.reasoning_boxes .h2-title {
        margin-bottom: 30px;
    }
    .pricing_compare table {
        width: 900px;
    }
    .table_responsive {
        padding-bottom: 10px;
    }
    .cpt_ui_section .row .half_col {
        margin-bottom: 0;
        padding: 30px 20px;
        padding-bottom: 0px;
    }
    footer.main_footer .bottom_img_part.row {
        align-items: center;
        justify-content: center;
    }
    .zoom-table-block td {
        font-size: 12px;
        line-height: 16px;
    }
}

@media handheld,
only screen and (max-width: 639px) {
    .mt-20 {margin-top: 22%;}
    .testimonial_content .slide_content .client_image {
        max-width: 90px;
    }
    .testimonial_content .slide_content .client_comment {
        max-width: calc(100% - 90px);
        padding-left: 15px;
    }
    .footer_right.row .half_col {
        max-width: 100%;
        margin-bottom: 10px;
        padding: 0;
    }
    .row .four_col {
        max-width: 100%;
    }
    .signature_features .row h3 {
        font-size: 18px;
        margin-bottom: 8px;
    }
    .inner_banner a.btn {
        font-size: 14px;
    }
    .custom_text_sec {
        padding: 30px 0;
    }
    .feature_image_section h3 {
        font-size: 18px;
    }
    .more_features_sec_btn {
        padding-top: 0;
    }
    .feature_image_section iframe {
        width: 100%;
        min-height: 150px;
        height: auto;
    }
    footer.main_footer {
        padding: 10px 0;
    }
}
@media handheld,
only screen and (max-width: 575px) {
    .mt-20 {margin-top: 24%;}
}
@media handheld,
only screen and (max-width: 520px) {
    .mt-20 {margin-top: 26%;}
}
@media handheld,
only screen and (max-width: 479px) {
    #header #logo img {
        max-width: 200px!important;
    }
    /* .header-part .container {
        flex-direction: column;
    } */
    .topbar-links {
        display: flex;
        flex-wrap: nowrap !important;
    }
    .header-part .logo {
        max-width: 140px;
        max-width: 370px;
    }
    /* .header-part .header-rightpart-box {
        margin: 0 auto;
    } */
    .mobilemenu-icon {
        width: 28px;
        height: 27px;
        margin-left: 10px;
    }
    .mobilemenu-icon a.click-mobile-icon {
        height: 27px;
    }
    .header-rightbutons ul li a {
        height: 28px;
        font-size: 12px;
        padding: 3px 6px;
        min-width: inherit;
    }
    .testimonial_content .slide_content {
        flex-direction: column;
    }
    .testimonial_content .slide_content .client_image {
        max-width: 100%;
    }
    .testimonial_content .slide_content .client_image img {
        max-width: 120px;
        margin: 0 auto;
    }
    .testimonial_content .slide_content .client_comment {
        text-align: center;
        max-width: calc(100% - 0px);
        padding-left: 0;
        padding-top: 20px;
    }
    .top-bar .topbar-links {
        width: 100%;
    }
    .top-bar .topbar-links .lang-selection {
        width: 100%;
        text-align: right;
    }
    .topbar-links .lang-selection select {
        width: auto;
    }
    .top-bar .topbar-links .lang-selection select.language-selection {
        width: 100%;
    }
    .topbar-links ul.toplinks-ul {
        width: 100%;
        justify-content: center;
        margin-bottom: 7px;
    }
    h2 {
        font-size: 18px;
        line-height: 24px;
    }
    h1 {
        font-size: 24px;
        line-height: 30px;
    }
    div#wrapper {
        padding-top: 171px;
        padding-top: 215px;
    }
    .mobilemenu-icon a.click-mobile-icon.open span:first-child {
        top: 7px;
    }
    .row .three_col {
        max-width: 100%;
    }
    .pricing-block-section .three-col {
        width: 100%;
    }
    footer.main_footer {
    padding: 10px 0;
}
}

@media handheld,
only screen and (max-width: 450px) {
    .mt-20 {margin-top: 30%;}
    .signup-btns-wrapper {
        display: grid;
    }
    a.signup-link {
        margin-top: 4px;
    }
}

@media handheld,
only screen and (max-width: 360px) {
    .mt-20 {margin-top: 40%;}
}