@media (max-width: 1800px) {
    .mainright-img {
        width: 100%;
    }
    .mainleft-txtgrid {
        width: 100%;
    }
    .product-leftgrid {
        width: 90%;
    }
    /* .header-trial {
        width: 53%;
    } */
    .coaching-textgrid {
        width: 64%;
    }
    .automatic-textgrid {
        width: 90%;
    }
    .analytics-textgrid {
        width: 70%;
    }
    .smstxt-img {
        width: 90%;
    }
    .p-box {
        height: 495px;
    }
    .learn-btntxt {
        bottom: 10%;
    }
    .feature-box {
        width: 43%;
        height: 340px;
    }
    .txtmsg-box {
        height: 360px;
    }
    .custmftr-box, .intftr-box {
        height: 390px;
    }
    .productftr-box {
        height: 370px;
    }
    .price-mainhd {
        width: 100%;
    }
    .phone-box {
        height: 655px;
    }
    .phone-left {
        width: 98%;
    }
    .phone-right {
        padding: 5px 0px 5px 0px;
    }
    .still-optns {
        width: 88% !important;
    }
    .review-section .col-lg-6.align-self-center {
        padding-left: 50px;
    }
    .phone-vertical {
        top: 45%;
    }
    .animatfew {
        left: 24%;
    }
    .animatfew-left {
        right: 24%;
    }
    .mainleft-txtgrid {
        margin-bottom: 0;
    }

    .about-dots-rightimg {
        top: 105px;
    }
    .num-box:hover ~ .numbox-hover {
        width: 258px;
        height: 165px;
        left: 40px;
        bottom: -27px;
    }
    .premium-ftrbox {
        height: 385px;
    }
    .cnad-leftgrid img {
        width: 100%;
    }
    .callmantra-hdr .custm-navbar {
        width: 92%;
    }
    /* comparison css */
    .CMPLeft-hdng {
        width: 95%;
    }
    .CMP-rightgrid span {
        width: 92%;
    }
    .cmprReview-text {
        width: 94%;
    }
    .otherthings-wdth {
        width: 42%;
    }
    .other-list .candidates-width {
        width: 98%;
    }
    .movering-width {
        width: 64%;
    }
    .Ringcandi-width {
        width: 85%;
    }
    .CMP-rightgrid {
        padding-left: 78px;
    }
    .other-RightGrid .candidates-width {
        width: 88%;
    }
    .candidates-width {
        width: 100%;
    }
    .error-sec .error-img {
        width: 100%;
    }
    .CM-Verified-block .main-paratxt {
        width: 70%;
    }
    .mylivedemo {
        bottom: 5%;
    }
    .custm-price-container .permnth-value {
        font-size: 16px;
        line-height: 18px;
    }
}
@media (max-width: 1600px) {
    .learn-ontime-img{
        width: 100%;
    }
    .header-trial {
        width: 66%;
    }
    .mainleft-txtgrid {
        width: 100%;
    }
    .product-leftgrid {
        width: 88%;
    }
    .p-box {
        height: 460px;
    }
    .chromext-txtgrid .main-paratxt {
        width: 86%;
    }
    .chromext-txtgrid .product-hdng {
        width: 68%;
    }
    .sms-textgrid .main-paratxt {
        width: 75%;
    }
    .sms-textgrid .product-hdng {
        width: 80%;
    }
    .coaching-textgrid {
        width: 71%;
    }
    .automatic-textgrid {
        width: 65%;
    }
    .analytics-textgrid {
        width: 64%;
    }
    .Illustration-img, .candidates-img {
        width: 90%;
    }
    .custm-navbar .nav-item a, .signup-btn, .livedemo-btn {
        font-size: 16px;
    }
    .calling-hdng, .cmpr-hdng, .features-hdng {
        font-size: 36px;
    }
    .ats-hdng {
        font-size: 24px;
    }
    .small-caption {
        font-size: 20px;
        padding-bottom: 16px;
    }
    .product-list span, .main-paratxt {
        font-size: 20px;
    }
    .product-hdng {
        font-size: 50px;
        margin-bottom: 26px;
    }
      .main-heading {
        font-size: 52px;
        line-height: 70px;
    }
    .main-para {
        font-size: 18px;
    }
      .here_head {
        font-size: 50px;
    }
    .num-box-head, .p-head {
        font-size: 17px;
        line-height: 26px;
    }
    .num-box-para, .p-para {
        font-size: 18px;
        line-height: 28px;
    }
    .integration-img img {
        width: 100%;
    }
    .integrade {
        font-size: 48px;
    }
    .browse a {
        font-size: 20px;
    }
    .people_head {
        font-size: 42px;
    }
    .d-head .nick {
        font-size: 16px;
    }
    .d-head .nick-para {
        font-size: 14px;
    }
    .foot-nav li a, .all-right {
        font-size: 18px;
    }
    .price-mainhd {
        width: 88%;
        font-size: 52px;
        line-height: 70px;
    }
    .dotadded {
        padding-bottom: 60px;
    }
    .act-fee span {
        font-size: 16px;
        padding-left: 10px;
    }
    .act-fee img {
        margin-top: -2px;
        width: 20px;
    }
    .billed-txt, .pro-features {
        font-size: 18px;
    }
    .month-free {
        font-size: 16px;
        line-height: 28px;
    }
    .plan-name{
        font-size: 30px;
        line-height: 38px;
    }
    .price-value {
        font-size: 42px;
        line-height: 49px;
    }
    .permnth-value, .feature-smltxt {
        font-size: 18px;
        line-height: 24px;
    }
    .most-popular-plan {
        font-size: 12px;
        padding: 8px 0px;
        top: -18px;
    }
    .price-btns {
        font-size: 18px;
        padding: 14px;
    }
    .profeatures-list li {
        font-size: 16px;
        padding: 5px 0px;
    }
    .profeatures-list li:before {
        width: 16px;
        height: 16px;
        margin-top: 4px;
    }
    .info-img {
        width: 17px;
    }
    .price-box {
        height: 755px;
    }
    .compare-table .pro-plan, .feature-hdtxt {
        font-size: 24px;
    }
    .compare-table .pro-value, .dial-para {
        font-size: 20px;
    }
    .compare-table .pro-value span {
        font-size: 12px;
        line-height: 18px;
    }
    .cmp-btns .signupbt {
        font-size: 16px;
        padding: 12px 16px;
    }
    .green-arrow, .white-arrow {
        padding-left: 10px;
    }
    .phone-head {
        font-size: 32px;
        line-height: 42px;
    }
    .phone-para {
        font-size: 26px;
        width: 90%;
    }
    .phone-left {
        width: 100%;
    }
    .zero-point, .p-box-para, .req-btn, .help-para {
        font-size: 18px;
    }
    .address-2 {
        font-size: 16px;
        line-height: 28px;
    }
    .phone-right {
        padding: 5px 0px 5px 0px;
    }
    .toll-inboundtxt {
        width: 65%;
    }
    .Review-box .review-text {
        font-size: 12px;
        line-height: 22px;
    }
    .review-name {
        font-size: 13px;
        padding-bottom: 3px;
    }
    .mdl-reviewbox .review-text {
        font-size: 14px;
        line-height: 26px;
    }
    .Review-box {
        width: 470px;
    }
    .mdl-reviewbox {
        width: 502px;
    }
    .review-shadow, .review-shadowbottom {
        width: 536px;
    }
    .cmp-realhuman {
        font-size: 20px;
        padding: 35px 0px;
    }
    .frq-qnshd {
        font-size: 42px;
    }
    .features-accordion .accordion-button {
        font-size: 21px;
    }
    .features-accordion .accordion-para {
        font-size: 18px;
        line-height: 28px;
        padding: 10px 0 10px 0px;
    }
    .timelineftr-hdng {
        font-size: 36px;
    }
    .ftrbox-txt {
        font-size: 16px;
        line-height: 24px;
    }
    .feature-box {
        height: 300px;
    }
    .ftrbox-hdng {
        font-size: 20px;
        line-height: 32px;
    }
    .txtmsg-box {
        height: 325px;
    }
    .intftr-box, .productftr-box, .custmftr-box {
        height: 340px;
    }
    .reqst-text {
        font-size: 20px;
        line-height: 28px;
        padding-top: 0;
    }
    .ats-caption {
        font-size: 21px;
        line-height: 32px;
    }
    .atslogo-section {
        padding: 77px 0px;
    }
    .get-help {
        font-size: 28px;
        line-height: 34px;
    }
    .callus-btn {
        font-size: 14px;
    }
    .phone-call-num {
        font-size: 17px;
        line-height: 20px;
    }
    .friday {
        font-size: 16px;
        line-height: 19px;
    }
    .monday {
        padding-left: 27px;
    }
    .phone-call-num img {
        width: 16px;
    }
    .helpwidth {
        width: 78%;
    }
    .bookdemo-hd {
        font-size: 40px;
        line-height: 75px;
    }
    .signup-list li {
        font-size: 20px;
        line-height: 24px;
        padding-top: 26px;
    }
    .signup-list li:before {
        margin-top: 5px;
    }
    .btn-next {
        font-size: 16px;
    }
    .demoint-text {
        font-size: 20px;
        line-height: 60px;
    }
    .bookdemo-txt {
        font-size: 18px;
    }
    .phone-box {
        height: 590px;
    }
    .phone-left {
        width: 95%;
    }
    .phone-vertical {
        right: 13%;
    }
    .animatfew {
        left: 24%;
        max-width: 105px;
        bottom: 20px;
    }
    .animatfew-left {
        right: 24%;
        max-width: 105px;
        bottom: 20px;
    }
    .callmantra_spamimg,  .callmantra_nospaming {
        width: 100%;
    }
    .telephn-sltn {
        padding-top: 190px;
    }
    .about-container {
        padding-left: 242px;
        padding-right: 242px;
    }
    .location-box {
        margin: 0 10px;
    }
    .loc-name {
        font-size: 21px;
    }
    .location-sec {
        padding: 105px 0px;
    }
    .loclogo-box {
        padding-top: 40px;
    }

    .vertical-lineimg {
        bottom: 150px;
    }
    .num-box:hover ~ .numbox-hover {
        width: 229px;
        height: 160px;
        left: 40px;
        bottom: -15px;
    }
    .premium-ftrbox {
        height: 355px;
    }
    .close-window-modal .modal-dialog {
        max-width: 80%;
    }
    .signup-tqtxt {
        padding-top: 100px;
    }
    #help-id {
        padding-bottom: 63px;
    }
    .main-section {
        padding-top: 84px;
    }
    .close-window-modal{
        top: 10px;
    }
    .callmantra-hdr .navbar-brand {
        margin-right: 19px !important;
    }
    .Freetrail-list li {
        font-size: 18px;
        line-height: 24px;
        padding-top: 16px;
    }
    .Trailside-hd {
        font-size: 38px;
        line-height: 56px;
    }
    .FT-formHdng {
        font-size: 34px;
        line-height: 50px;
    }
    .CM-popupHdng {
        font-size: 38px;
        line-height: 48px;
    }
    .CMP-leftHdng {
        font-size: 20px;
    }
    /* .CM-integration-img {
        width: 100%
    } */
    .CM-popupbody {
        padding: 40px 75px;
    }
    .CM-popup-background {
        background-size: cover;
    }
    .CMP-showdemo {
        font-size: 20px;
        line-height: 32px;
    }
    /* comparison css */
    .CMPLeft-hdng {
        font-size: 32px;
    }
    .CMPLeft-hdng {
        width: 88%;
    }
    .CMP-rightgrid span {
        font-size: 20px;
        width: 86%;
        display: block;
    }
    .RingCentral-hdng {
        font-size: 42px;
    }
    .CMP-smalltxt, .Cmprprice-txt {
        font-size: 18px;
    }
    .comparetbl-hdng {
        font-size: 24px;
    }
    .cmprReview-text {
        font-size: 24px;
        width: 95%;
    }
    .cmpreReviewer-name {
        font-size: 24px;
    }
    .otherthings-smltxt {
        font-size: 19px;
    }
    .candidates-width {
        width: 88%;
    }
    .other-list .candidates-width {
        width: 88%;
    }
    .other-RightGrid .candidates-width {
        width: 78%;
    }
    .movecallmantra-section .smalltxt-paddtop {
        padding-top: 5px;
    }
    .movering-width {
        width: 74%;
    }
    .CMP-rightgrid img {
        width: 24px;
    }
    .Review-shadow {
        width: 84%;
    }
    .CMP-rightgrid li:before {
        width: 20px;
        height: 20px;
        margin-left: -26px;
    }

    .KT-para{
        width: 79%;
    }
    .KT-main-head{
        font-size: 50px;
    }
    /*Getting-start*/
    .GS-CommonTxt{
        font-size: 14px;
    }
    .GS-headingTxt{
        font-size: 40px;
    }
    .GS-paragraph{
        font-size: 20px;
    }
    .GS-box-heading{
        font-size: 24px;
    }
    .GS-Questionbox a {
        font-size: 18px;
    }
    .GS-box-btn{
        width: 160px;
        font-size: 16px;
    }
    .KT-box-heading{
        font-size: 26px;
    }
    .KT-para {
        width: 88%;
    }
    .other-list li:before {
        margin-top: -1px;
    }
    .CM-verified-candi {
        width: 70%;
    }
    .CM-Verified-block .main-paratxt {
        width: 66%;
    }
    .CM-LessWork .calling-hdng {
        font-size: 42px;
    }
    .TextWhiteClerate {
        width: 60%;
    }
    .Crelate-rightquote {
        bottom: -10px;
    }
    .my-rightimg {
        float: right;
        width: 100%;
    }
    img.my-width90 {
        width: 90%;
    }
    .custm-price-container .permnth-value{
        font-size:16px;
        line-height: 20px;
    }
    .PC-contactmodal#contact_modal .modal-content {
        margin-top: 100px;
    }
    .contact-modal .padleft, .contact-modal .padright {
        padding: 0 12px;
    }
}
@media (max-width: 1420px) {
    .custom-container {
        padding-left: 120px;
        padding-right: 120px;
    }
    .header-trial {
        width: 65%;
    }
    .left-grid {
        padding-left: 140px;
    }
    .main-section {
        padding-bottom: 65px;
    }

    .mainleft-txtgrid {
        width: 96%;
    }

    .product-list {
        padding-bottom: 26px;
    }
    .product-leftgrid {
        width: 90%;
    }
    .gray-backclr {
        padding: 60px 0px;
    }
    .sms-textgrid .product-hdng {
        width: 88%;
    }
    .sms-textgrid .main-paratxt {
        width: 90%;
    }
    .chromext-txtgrid .main-paratxt {
        width: 90%;
    }
    .automatic-img {
        width: 100%;
    }
    .automatic-textgrid, .analytics-textgrid {
        width: 74%;
    }

    .browse hr {
        width: 180px;
    }

    .people {
        padding: 80px 0;
    }
    .people-boxes {
        padding-top: 42px;
    }
    .free-list .setup {
        padding: 5px 0px;
    }
    .free-list li::before {
        width: 22px;
        height: 23px;
        margin-top: 0px;
    }

    .footer-sec {
        padding: 30px 0px 60px 0px;
    }
    .works-section {
        padding: 60px 0 80px 0;
    }
    .line-img {
        padding: 45px 0px;
    }
    .candidates-img {
        width: 100%;
    }
    .free-list li::before {
        margin-left: -36px;
    }
    .free-list {
        padding-left: 40px;
    }
    .chromext-txtgrid .product-hdng {
        width: 82%;
    }
    .num-box {
        height: 320px;
        padding: 26px 26px;
        margin: 0px 15px;
    }
    .d-head .nick-para {
        font-size: 12px;
    }
    .d-head .nick {
        font-size: 14px;
        padding-bottom: 0;
    }
    .learn-btntxt {
        bottom: 9%;
    }
    .feature-box {
        width: 42%;
    }
    .integrat-image {
        width: 100%;
    }
    .integration-box {
        width: 21%;
    }
    .getcal-bt {
        width: 100px;
    }
    .monday {
        padding-left: 22px;
    }
    .helpwidth {
        width: 92%;
    }
    .phone-right {
        padding: 5px 0px 5px 0px;
    }
    .phone-left {
        width: 80%;
    }
    .phone-para {
        width: 93%;
    }
    .phone-box {
        height: 535px;
    }
    .address-2 {
        padding-top: 44px;
    }
    .phone-vertical {
        right: 15%;
        top: 51%;
    }
    .price-mainhd {
        width: 90%;
    }
    .price-box {
        height: 790px;
    }
    .table-container {
        padding-left: 20px;
        padding-right: 20px;
    }
    .learn-ontime-img {
        margin-top: -78px;
    }
    .mainright-img {
        padding-top: 48px;
    }

    .about-dots-leftimg, .about-dots-rightimg {
        width: 12%;
    }
    .about-container {
        padding-left: 210px;
        padding-right: 210px;
    }
    .team-members {
        width: 100%;
    }
    .teamculture-lefttxt {
        width: 90%;
    }
    .loc-name {
        font-size: 19px;
        padding-left: 18px;
    }
    .txtmsg-box {
        height:375px;
    }
    .propln-pad {
        padding:25px;
    }
    .custom-container2 {
        padding-left: 35px;
        padding-right: 35px;
    }
    .num-box:hover ~ .numbox-hover {
        left: 32px;
    }
    .cnad-leftgrid img {
        width: 97%;
    }
    .whatelse-txt {
        margin: 0px 75px 0px 38px;
    }
    .whatels-list {
        margin: 0px 75px 59px 38px;
    }
    .cnad-leftgrid .frm-hdng {
        margin: 0 75px 0 38px;
    }
    .signup-tqtxt {
        padding-top: 70px;
    }
    .cnad-leftgrid {
        background-color: #F9F9F9;
        border-top-left-radius: 16px;
        border-bottom-left-radius: 16px;
        height: 535px;
    }

    .whatelse-txt {
        font-size: 21px;
        padding-bottom: 20px;
        margin: 0px 75px 0px 50px;
        padding-top: 30px;
    }

    .cnad-leftgrid .frm-hdng {
        font-size: 17px;
        color: #1C2223;
        font-style: normal;
        font-weight: 450;
        padding-bottom: 38px;
        margin: 0 60px 0 50px;
    }
    div.close-window-modal .cnad-leftgrid img {
        width: 92%;
    }
    .pricemain-sec{
        background-position-y: 60px;
    }
    .letstalk-sec {
        padding: 140px 0px 63px 0px;
    }
    .Freetrail-subhdng {
        padding-bottom: 10px;
    }
    .custm-navbar .nav-item a {
        padding-left: 12px !important;
        padding-right: 12px !important;
    }
    .FreeTrail-form {
        width: 92%;
    }
    .CM-integrateText {
        font-size: 20px;
        line-height: 38px;
    }
    .CM-integration-img {
        width: 90%;
    }

    .custm-price-container{
        padding-left: 35px;
        padding-right: 35px;
    }
    .custm-price-container .price-box{
        padding-left: 18px;
        padding-right: 18px;
    }
    .custm-price-container .plan-name{
        font-size: 28px;
         padding-bottom: 12px;
    }
    .custm-price-container .price-value{
        font-size: 40px;
        padding-bottom: 0px;
    }
    .custm-price-container .plan-btns{
        margin: 22px 0;
    }
    .custm-price-container .price-btns{
     font-size: 16px;
     padding: 12px;
    }
    .custm-price-container .pro-features{
        font-size: 16px;
    }
    .custm-price-container .profeatures-list li{
        font-size: 14px;
    }
    .custm-price-container .permnth-value{
        font-size: 17px;
    }

    /* comparison css */
    .CMPLeft-hdng {
        width: 100%;
    }
    .CMP-rightgrid {
        padding-left: 90px;
    }
    .cmprReview-text {
        width: 100%;
    }
    .otherthings-wdth {
        width: 49%;
    }
    .candidates-width {
        width: 99%;
    }
    .other-list .candidates-width {
        width: 99%;
    }
    .other-RightGrid .candidates-width {
        width: 88%;
    }
    .movering-width {
        width: 86%;
    }
    .otherthings-Rightimg {
        width: 80%;
        float: right;
    }
    .otherthings-Leftimg {
        width: 80%;
        float: left;
    }
    .CMP-rightgrid span {
        width: 100%;
    }
    .other-list {
        padding-left: 30px;
    }
    .other-list li:before {
        width: 22px;
        height: 22px;
        margin-left: -30px;
    }
    .GS-box {
        width: 44%;
    }
    .CM-LessWork .calling-hdng{
        width: 58%;
    }
    .CM-verified-candi {
        width: 85%;
    }
    .CM-Verified-block .main-paratxt {
        width: 80%;
    }
    #contact_modal .modal-content {
        margin-top: 50px;
    }
    .CM-paddings {
        padding-top: 70px;
        padding-bottom: 70px;
    }
    .CM-Pb {
        padding-bottom: 0;
    }
    .CM-Pb20{
        padding-bottom: 20px;
    }
    .CM-Pt30{
        padding-top: 35px;
    }
    .Dialpad-alternative-leftimg {
        width: 90%;
    }
    .CC-alternative-leftimg {
        width: 90%;
    }
    .Crelate-rightquote {
        bottom: 0;
    }
    img.my-width90 {
        width: 80%;
    }
    .mylivedemo {
        bottom: 4%;
    }
    .myp-left {
        padding-left:110px;
        width:100%;
    }
    .PC-contactmodal#contact_modal .modal-content {
        margin-top: 190px;
    }
}
@media (max-width: 1340px) {
    .phone-box {
        height: 630px;
    }
    .phone-vertical {
        top: 43%;
    }
    .custm-navbar .nav-item a {
        padding-left: 10px !important;
        padding-right: 10px !important;
    }
    .price-box {
        height: 830px;
    }
    .KT-para{
        width: 100%;
    }
    .Crelate-rightquote {
        bottom: -30px;
    }
}
@media (max-width: 1300px) {
    .callmantra_spamimg, .callmantra_nospaming {
        width: 90%;
    }
    /* .custom-container {
       padding-left: 80px;
        padding-right: 80px;
    } */
    .right-img {
        width: 100%;
    }
    .automatic-textgrid, .analytics-textgrid {
        width: 82%;
    }
    .sms-textgrid .main-paratxt {
        width: 86%;
    }
    .product-leftgrid {
        width: 100%;
    }
    .mobile-img {
        width: 70%;
    }
    .right-txtgrid {
        padding-left: 0px;
    }
    .vertical-lineimg {
        height: 320px;
        width: 2px;
    }
    .animatfew {
        width: 90%;
        max-width: 95px;
        margin-bottom: 30px;
        position: absolute;
        left: 23%;
    }
    .animatfew-left {
        width: 90%;
        max-width: 95px;
        margin-bottom: 30px;
        position: absolute;
        right: 23%;
    }
    .mainleft-txtgrid {
        width: 100%;
    }
    .chromext-txtgrid .product-hdng {
        width: 88%;
    }
    .learn-btntxt {
        bottom: 8%;
    }
    .feature-box {
        height: 320px;
    }
    .productftr-box, .txtmsg-box {
        height: 360px;
    }
    .intftr-box {
        height: 370px;
    }
    .custmftr-box {
        height: 380px;
    }
    .help-box {
        height: 408px;
    }
    .phone-left {
        width: 94%;
    }
    .price-mainhd {
        width: 100%;
    }
    .price-container {
        padding-left: 98px;
        padding-right: 98px;
    }
    .price-box {
        padding: 28px;
        height: 760px;
    }
    .Review-box {
        width: 450px;
    }
    .mdl-reviewbox {
        width: 480px;
    }
    .table-container {
        padding-left: 20px;
        padding-right: 20px;
    }
    .callmantra-hdr .custom-container {
        padding-left: 20px !important;
        padding-right: 20px !important;
    }
    .left-grid {
        padding-left: 80px;
    }
    .custom-container {
        padding-left: 20px !important;
        padding-right: 20px !important;
    }
    .whatelse-txt {
        font-size: 21px;
        padding-bottom: 20px;
        margin: 0px 20px 0px 30px;
        padding-top: 35px;
    }

    .cnad-leftgrid .frm-hdng {
        font-size: 17px;
        color: #1C2223;
        font-style: normal;
        font-weight: 450;
        padding-bottom: 38px;
        margin: 0 20px 0 50px;
    }
    .custm-navbar .nav-item a {
        padding-left: 12px !important;
        padding-right: 12px !important;
    }
    .callmantra-hdr .navbar-brand {
        margin-right: 30px !important;
    }
    .custm-navbar .nav-item a, .signup-btn, .livedemo-btn {
        font-size: 14px;
    }
    .CM-customContainer {
        padding-left: 22px;
        padding-right: 22px;
    }


    .custm-price-container .custm-colum{
        width: 40%;
        margin-bottom: 50px;
    }
    .custm-price-container .plans-detials-box{
        justify-content: center;
    }
    .custm-price-container .price-box{
        padding-left:28px;
        padding-right: 28px;
    }
     .custm-price-container .plan-name{
        font-size: 26px;
         padding-bottom: 24px;
    }

    .custm-price-container .price-value{
        font-size: 38px;
        padding-bottom: 10px;
    }
    .custm-price-container .permnth-value{
        font-size: 18px;
    }

    .custm-price-container .plan-btns{
        margin: 32px 0;
    }
    .custm-price-container .price-btns{
     font-size: 18px;
     padding: 14px;
    }

    .custm-price-container .pro-features{
        font-size: 18px;
    }

    .custm-price-container .profeatures-list li{
        font-size: 16px;
    }
    .custm-price-container .mrg-top18{
        margin-top: 18px;
    }
    /* comparison css */
    .cmprReview-box {
        width: 98%;
    }
    .left-quote {
        top: -23px;
        left: -5px;
        width: 34px;
    }
    .right-quote {
        bottom: -16px;
        right: 4px;
        width: 42px;
    }
    .CMPLeft-hdng {
        width: 93%;
    }
    .CMP-rightgrid span {
        width: 83%;
    }
    .CMP-rightgrid {
        padding-left: 55px;
    }
    .cmprReview-text {
        width: 97%;
    }
    .candidates-width {
        width: 88%;
    }
    .other-list .candidates-width {
        width: 87%;
    }
    .other-RightGrid .candidates-width {
        width: 78%;
    }
    .otherthings-Rightimg {
        float: none;
    }
    .Knowledge-section {
        padding-top: 145px;
        padding-bottom: 70px;
    }
    .callmantra-hdr .custm-navbar {
        width: 100%;
    }
    .CM-LessWork .calling-hdng {
        width: 62%;
    }
    .CM-dashboard-img {
        width: 100%;
    }
    .callmantra-hdr .Resource-dropdown {
        top: 79px;
    }
    .main-section {
        padding-top: 82px;
    }
    .Video-custom-width {
        --bs-gutter-x: 2rem !important;
    }
    .Crelate-rightquote {
        bottom: 10px;
    }
    .mylivedemo {
        bottom: 3%;
    }
}
@media (max-width: 1200px) {
    .footer-items {
        flex-direction: column;
     }
    .mainright-img {
        width: 80%;

    }
    .mainleft-txtgrid {
        width: 100%;
        padding-bottom: 50px;
    }
    .product-leftgrid {
        width: 100%;
    }
    .automatic-textgrid, .analytics-textgrid {
        width: 100%;
    }
    .p-box {
        height: 285px;
        margin: 15px 0px;
    }
    .num-box {
        padding: 22px;
        height: 356px;
        margin: 0 5px;
    }
    .right-img, .automatic-img, .candidates-img {
        width: 70%;
    }
    .mobile-img {
        width: 45%;
        display: flex;
        margin: 0 auto;
    }
    .gray-backclr, .white-backclr  {
        padding: 60px 0px 30px 0px;
    }
    .sms-textgrid, .automatic-textgrid, .analytics-textgrid, .left-grid, .right-txtgrid {
        padding-left: 98px;
        padding-right: 98px;
    }
    .chrome-img {
        padding-top: 30px;
        width: 70%;
    }
    .chromext-txtgrid .main-paratxt, .chromext-txtgrid .product-hdng, .sms-textgrid .product-hdng {
        width: 100%;
    }
    .right-grid {
        padding-right: 12px !important;
    }
    .sms-textgrid .main-paratxt, .coaching-textgrid {
        width: 100%;
    }
    .mobile-img, .smstxt-img {
        width: 50%;
    }
    .Illustration-img {
        width: 50%;
        display: flex;
        margin: 0 auto;
    }
    /* .getlive-btntxt {
        text-align: center;
    } */
    .animatfew {
        width: 90%;
        margin-bottom: 30px;
        position: absolute;
        left: 23%;
    }
    .animatfew-left {
        width: 90%;
        margin-bottom: 30px;
        position: absolute;
        right: 23%;
    }
    .learn-btntxt {
        bottom: 7%;
    }
    .feature-box {
        width: 75%;
        height: 285px;
    }
    .integration-box {
        width: 27%;
    }
    .help-box {
        margin: 30px 0px;
    }
    .signup-list {
        margin-bottom: 55px;
    }
    .trail-form {
        float: none;
        margin: 0 auto;
    }
    .demo-icons {
        padding-bottom: 30px;
    }
    .phone-box {
        width: 80%;
        margin: 0 auto;
        height: 100%;
    }
    .phone-box-2 {
        margin-top: 40px;
        width: 80%;
    }
    .phone-vertical {
        right: 21%;
        top: 53%;
    }
    .custom-container {
        padding-left: 60px;
        padding-right: 60px;
    }
    .price-container {
        padding-left: 60px;
        padding-right: 60px;
    }
    .price-value {
        font-size: 38px;
    }
    .plan-name {
        font-size: 26px;
        line-height: 32px;
    }
    .price-box{
        margin: 0 4px;
    }
    .phone-left {
        width: 79%;
    }
    .phone-para {
        width: 87%;
    }
    .still-optns {
        padding-top: 70px;
        width: 100%;
    }
    .review-content {
        margin: 0 auto;
    }
    .compare-table .pln-details {
        width: 21%;
    }
    .cmp-btns .signupbt {
        font-size: 14px;
        padding: 12px 13px;
    }
    .compare-table th {
        vertical-align: top;
        padding: 0px 10px;
    }
    .propln-pad {
        padding: 18px;
    }
    .feature-hdtxt {
        font-size: 20px;
    }
    .cmprtble-content {
        overflow-x: scroll;
    }
    .compare-table {
        width: 1186px;
        cursor: pointer;
    }
    /* .header-trial {
        width: 80%;
    } */
    .custm-navbar .nav-item a {
        padding-left: 8px !important;
        padding-right: 8px !important;
    }
    .learn-ontime-img {
        margin-top: -60px;
    }
    .team-members {
        width: 65%;
        display: flex;
        margin: 0 auto;
        float: none;
    }
    .about-container {
        padding-left: 180px;
        padding-right: 180px;
    }
    .about-section {
        padding: 120px 0px 55px 0px;
    }
    .ceo-caption {
        margin-top: -20px;
    }
    .location-box {
        margin:0 auto 25px;
        width: 70%;
    }
    .custom-container2 {
        padding-left: 60px;
        padding-right: 60px;
    }
    .schedule-demotime iframe {
        height: 920px;
    }
    .main-section {
        padding-top: 122px;
    }
    .num-box:hover ~ .numbox-hover {
        left: 25px;
        width: 220px;
    }
    .cnad-leftgrid img {
        width: auto;
    }
    .cnad-leftgrid {
        height: 100%;
        border-bottom-left-radius: 0;
        border-top-right-radius: 16px;
    }
    .cnad-rightgrid {
        /* height: 600px; */
        border-radius: 0px 0px 16px 16px;
    }
    /* .close-window-modal .modal-dialog {
        top: 50%;
    } */
    .close-modal {
        position: absolute;
        right: 0;
        background: transparent;
    }
    .cmprtbl-scrolltop {
        overflow-x: scroll;
        height: 20px;
    }
    .cmprtbl-scrolltop div {
        width: 1186px;
    }
    .candfrm-box .left-box {
        padding-left: 12px;
    }
    .cnad-rightgrid{
        padding-bottom: 94px;
    }
    .compare-table tbody td {
        padding: 0px 10px;
    }
    .free-list .setup {
        font-size: 28px;
    }
    .address-2 {
        width: 100%;
    }
    .callmantra_spamimg, .callmantra_nospaming {
        padding-top: 35px;
    }
    .close-window-modal{
        top: 82px;
    }

    .price-box {
        height: 810px;
    }
    .FreeTrail-form {
        margin-bottom: 50px;
        width: 70%;
    }
    .Freetrail-list {
        margin-bottom: 30px;
    }
    .close-window-modal {
        top: 10px;
    }
    /* .close-window-modal .modal-dialog {
        top: 25%;
    } */
    .CMP-showdemo {
        margin-top: 40px;
        margin-bottom: 40px;
        width: 100%;
    }
    .CM-dashboard-img {
        float: none;
        display: flex;
        margin: 0 auto;
        width: auto;
    }
    .CM-integration-img {
        float: none;
        display: flex;
        margin: 0 auto;
        width: 70%;
    }
    .CM-integrateText {
        font-size: 22px;
        line-height: 40px;
        padding-top: 38px;
        text-align: center;
        padding-bottom: 20px;
    }
    /* comparison css */
    .RingCentral-cmprbox .cmprtbl-scrolltop{
        overflow-x: hidden;
        height: 0px;
    }
    .RingCentral-cmprbox .cmprtble-content {
        overflow-x: hidden;
    }
    .otherthings-Rightimg, .otherthings-Leftimg {
        width: 80%;
    }
    .padding-section {
        padding: 70px 0px;
    }
    .movering-width {
        width: 100%;
    }
    .RingCentral-cmprbox .compare-table {
        width: 100%;
        cursor: default;
    }
    .CMP-rightgrid span {
        width: 100%;
    }
    .CMPLeft-hdng {
        width: 100%;
    }
    .RingCentral-hdng {
        font-size: 34px;
    }
    .otherthings-smltxt, .Moveringcentral-txt {
        font-size: 18px;
    }
    .comparetbl-hdng {
        font-size: 20px;
    }
    .other-list .candidates-width, .candidates-width, .other-RightGrid .candidates-width {
        width: 90%;
    }
    .callmantravs-hdng {
        font-size: 38px;
    }
    .otherservice-txt {
        font-size: 16px;
    }
    .CMP-maincontent {
        padding-top: 26px;
    }
    .CMPLeft-hdng {
        font-size: 26px;
        padding-bottom: 30px;
    }
    .CMP-rightgrid span {
        font-size: 18px;
        width: 100%;
    }
    #from_main3 {
        width: 70%;
    }
    .CM-LessWork .calling-hdng{
        width: 68%;
    }
    .CM-verified-img {
        display: flex;
        margin: 0 auto;
    }
    .CM-verified-candi {
        width: 100%;
    }
    .CM-Verified-block .main-paratxt {
        width: 100%;
    }
    .CM-VerifiedImage {
        width: 40%;
        display: flex;
        margin: 0 auto;
    }
    .CM-mobileapps {
        width: 40%;
        display: flex;
        margin: 0 auto;
    }
    .Discount-popup {
        top: -45px;
    }
    .CM-paddings{
        padding-top: 60px;
        padding-bottom: 60px;
    }
    .CM-Pb{
        padding-bottom: 0;
    }
    .CM-Pb20{
        padding-bottom: 0;
    }
    .close-window-modal .modal-dialog {
        top: 10%;
        height: auto;
    }
    .CM-DownloadHdng {
        padding-top: 40px;
    }
    .Resource-dropdown .Resources-list {
        justify-content: flex-start;
    }
    .IntegrationHover {
        padding-bottom: 50px;
    }
    .Crelate-rightquote {
        bottom: -18px;
    }
    .Partners-Heroimg {
        padding-top: 0px !important;
        width: 100% !important;
    }
    .topechlon-integrationLink {
        padding: 33px 0px 25px;
    }
    .my-rightimg {
        width: 80%;
        float: none;
    }
    .mylivedemo {
        bottom: 3%;
    }
}
@media (max-width: 1199px) {
    .callmantra-hdr .custm-navbar {
        width: 90%;
        padding-left: 0;
        padding-top: 12px;
        gap: 0px;
    }
   .navbar-brand img {
        width: 86%;
    }
    .callmantra-hdr .navbar-brand {
        margin-right: 2px !important;
    }
    .header-trial {
        justify-content: start;
        margin-top: 10px;
    }
}
@media (max-width: 992px) {
    .num-box {
        margin: 20px 0px;
        height: 225px;
    }
    .callmantra_spamimg{
        padding-bottom: 50px;
        float: none;
        display: flex;
        margin: 0 auto;
    }
    .callmantra_nospaming {
        display: flex;
        margin: 0 auto;
    }
    .smstxt-img {
        width: 75%;
    }
    .custom-container {
        padding-left: 60px;
        padding-right: 60px;
    }
    .sms-textgrid, .automatic-textgrid, .analytics-textgrid, .left-grid, .right-txtgrid {
        padding-left: 60px;
        padding-right: 60px;
    }
    .coach-img {
        width: 70%;
    }
    .verified-btns {
        float: left;
        padding-top: 15px;
    }
    .footer-items {
        display: block;
    }
    .all-right {
        padding-top: 10px;
    }
    .free-set .row {
        padding: 50px 0 50px 0;
    }
    .vertical-lineimg {
        display: none;
    }
    .animatfew {
        width: 90%;
        max-width: 105px;
        margin-bottom: 30px;
        position: absolute;
        bottom: 35px;
        left: 27%;
    }
    .animatfew-left {
        width: 90%;
        max-width: 105px;
        margin-bottom: 30px;
        position: absolute;
        bottom: 85px;
        right: 27%;
    }
    .feature-box {
        width: 43%;
        height: 300px;
    }
    .timelineftr-hdng {
        padding-bottom: 55px;
    }
    .custmftr-box, .productftr-box, .intftr-box, .txtmsg-box {
        height: 330px;
    }
    .integration-box {
        width: 37%;
    }
    .atslogo-section {
        padding: 60px 0px;
    }
    .appmarket-txt {
        padding-bottom: 60px;
    }
    .reqst-text, .telephn-sltn {
        width: 100%;
    }
    .trail-form {
        padding: 30px;
    }
    .padright {
        padding-right: 16px;
    }
    .padleft {
        padding-left: 16px;
    }
    .trail-grp {
        padding-bottom: 12px;
    }

    .demo-icons {
        width: 80%;
    }
    .price-box {
        width: 65%;
        margin: 25px auto;
        height: auto;
    }
    .act-fee {
        padding: 0px 9px;
    }
    .phone-vertical {
        right: 15%;
        height: 100px;
    }
    .phone-left {
        width: 95%;
    }
    .phone-box {
        width: 90%;
    }

    .shadow {
        left: 10%;
        bottom: 80px;
        width: 85%;
    }
    .comparison-box{
        top: 0;
        padding-top: 20px;
    }
    .plans-section {
        top: 0;
    }
    .features-accordion {
        width: 95%;
    }
    .about-container {
        padding-left: 60px;
        padding-right: 60px;
    }
    .modal-dialog {
        max-width: 55%;
    }
    .signuprec-text{
        width: 99%;
        margin: 0 auto;
       padding-bottom: 30px;
    }
    .num-box:hover ~ .numbox-hover {
        left: 0px;
        width: 100%;
        bottom: 0px;
    }
    .signup-tqtxt {
        padding-top: 0px;
    }
    .close-modal {
        font-size: 24px;
    }
    /* .close-window-modal .modal-dialog {
        top: 10%;
    } */
    .mainprice-content {
        padding-top: 120px;
    }
    .letstalk-sec {
        padding: 120px 0px 63px 0px;
    }
    .demo-section {
        padding-top: 110px;
    }
    .close-window-modal{
        top: 30px;
    }
    .close-window-modal .modal-content {
        margin-top: 52px;
    }
    .Trailside-hd {
        font-size: 30px;
        line-height: 50px;
    }
    .FT-formHdng {
        font-size: 28px;
        line-height: 38px;
    }
    .Freetrail-subhdng {
        font-size: 18px;
    }
    .signup-Form .padright {
        padding-right: 10px;
        padding-left: 10px;
    }
    .signup-Form .padleft {
        padding-left: 10px;
        padding-right: 10px;
    }
    .CM-popupHdng {
        font-size: 26px;
        line-height: 32px;
    }
    .CMP-leftHdng {
        font-size: 18px;
    }
    .CMP-showdemo {
        font-size: 18px;
        align-items: center;
    }
    .CM-popupbody {
        padding: 40px 40px;
    }
    .custm-price-container .custm-colum{
        width: 100%;
        margin-bottom: 0;
    }
    .custm-price-container .price-box{
        height: auto !important;
    }
    .CM-unlimitedbox {
        font-size: 22px;
    }
    /* comparison css */
    .CMP-maincontent {
        padding-top: 30px;
    }
    .PD-video {
        width: 75%;
    }
    .Text-break {
        display: inline-block;
    }

    .CMP-rightgrid {
        padding-left: 40px;
    }
    .CMP-leftright-grid {
        padding: 30px 0px;
    }
    .CMP-rightgrid img {
        width: 20px;
    }
    .Comparison-section {
        padding: 40px 0px;
    }

    .smalltxt-paddtop {
        padding-top: 15px;
    }

    .RingCentral-cmprbox .features-hdng {
        font-size: 28px;
    }
    .Cmprprice-txt {
        font-size: 16px;
        line-height: 24px;
    }
    .Comparison-section .data-backclr {
        padding: 28px 16px;
    }
    .cmprReview-text {
        font-size: 20px;
    }
    .cmpreReviewer-name {
        font-size: 20px;
        line-height: 32px;
    }
    .right-quote {
        bottom: -10px;
        right: 1px;
        width: 38px;
    }
    .left-quote {
        top: -20px;
        left: -2px;
        width: 28px;
    }
    .Review-shadow {
        left: 8%;
        width: 82%;
        bottom: 0px;
    }
    .padding-section {
        padding: 50px 0px;
    }
    .otherservice-box {
        gap: 30px;
    }
    .movecallmantra-section .RingCentral-hdng {
        width: 100%;
    }
    .otherthings-wdth {
        width: 100%;
    }
    .Otherthings-section {
        padding: 80px 0px 24px 0px;
    }
    .otherthings-wdth {
        padding-bottom: 10px;
    }
    .footer-hdng {
        font-size: 18px;
    }
    .otherthings-Rightimg, .otherthings-Leftimg {
        width: 40%;
        float: none;
        padding-top: 50px;
    }
    .localtoll-txt img {
        width: 20px;
    }
    .Redcancel-icon {
        width: 16px !important;
    }
    .KT-box-heading {
        font-size: 22px;
    }
    .Knowledge-section {
        padding-top: 120px;
        padding-bottom: 60px;
    }
    .KT-main-head {
        font-size: 40px;
        padding-bottom: 24px;
    }
    .KT-para{
        font-size: 16px;
    }
    .HC-callmantavs-hdng{
        font-size: 36px;
    }
    .HC-Moveringcentral-txt {
        font-size: 22px;
    }
    .HC-contact-btn{
        font-size: 16px;
    }
    /*Getting-start*/

    .GS-headingTxt{
        font-size: 38px;
    }
    .GS-paragraph{
        font-size: 18px;
    }
    .GS-box-heading{
        font-size: 22px;
    }
    .GS-Questionbox a {
        font-size: 16px;
    }
    .GS-box-btn{
        width: 148px;
        font-size: 14px;
    }
    .CM-LessWork .calling-hdng{
        width: 76%;
        font-size: 36px;
    }
    .CM-HomeImage {
        width: 55% !important;
    }
    .TextWhiteClerate {
        width: 70%;
    }
    .clerate-img-margin {
        width: 90%;
    }
    .LongContent-sec {
        background-position-y: 300px;
        padding-bottom: 30px;
    }
    .Crelate_highlight-icon {
        top: -70px;
        left: 70px;
        width: 90%;
    }
    .otherthings-Rightimg.CC-recruiterImg {
        width: 55%;
    }
    .CC-alternative-leftimg {
        width: 70%;
    }
    .Resource-dropdown .Resources-list {
        gap: 40px;
        flex-wrap: wrap;
    }
    .Crelate-rightquote {
        bottom: 18px;
    }
    .Padding-Top50 {
        padding-top: 50px;
    }
    .FreeBtn-paddTop {
        padding-top: 0px;
    }
    .otherthings-Rightimg.PricingList-img {
        width: 70%;
    }
    .MorePeople-width {
        width: 100%;
    }
    .Partner-right-grid {
        padding-left: 72px;
    }
    .Partners-Heroimg {
        float: none;
    }
    .Partnersmall-text {
        padding-top: 0px !important;
    }
    .my-rightimg {
        width:40%;
    }
    img.my-width90 {
        width: 40%;
    }
    .PC-contactmodal#contact_modal .modal-content {
        margin-top:70px;
    }
    }
@media (max-width: 767px) {
    .main-heading {
        font-size: 32px;
        line-height: 46px;
    }
    .calling-hdng, .people_head {
        font-size: 28px;
    }
    .product-hdng {
        font-size: 30px;
        margin-bottom: 20px;
    }
    .small-caption {
        font-size: 14px;
        padding-bottom: 12px;
    }
    .product-list span, .main-paratxt {
        font-size: 16px;
    }
    .product-list img {
        width: 17px;
    }
    .product-list {
        padding-bottom: 16px;
    }
    .here_head {
        font-size: 30px;
    }
    .line-img {
        padding: 30px 0px;
    }
    .integrade {
        font-size: 28px;
        line-height: 40px;
    }
    .browse hr {
        width: 160px;
    }
    .browse a {
        font-size: 16px;
    }
    .integration-img img {
        padding: 20px 0px;
    }
    .num-box-para, .p-para {
        font-size: 14px;
        line-height: 22px;
    }
    .sms-textgrid, .automatic-textgrid, .analytics-textgrid, .left-grid, .right-txtgrid {
        padding-left: 18px;
        padding-right: 18px;
    }
    .custom-container {
        padding-left: 30px;
        padding-right: 30px;
    }
    .Illustration-img {
        width: 80%;
    }
    .free-list .setup {
        font-size: 20px;
        line-height: 30px;
    }
    .free-list li::before {
        width: 18px;
        height: 18px;
    }
    .foot-nav li a, .all-right {
        font-size: 14px;
        line-height: 20px;
    }
    .footer-items .foot-nav {
        flex-direction: column;
    }
    .footer-sec {
        padding: 20px 0px 30px 0px;
    }
    .appstore-icon img, .googleplay-icon img {
        width: 88%;
    }
    .right-img, .automatic-img, .candidates-img, .coach-img {
        width: 80%;
    }
    .mobile-img {
        width: 60%;
    }
    .free-list li::before {
        margin-left: -30px;
    }
    .free-list {
        padding-left: 30px;
    }
    .animatfew {
        max-width: 90px;
        bottom: 15px;
        left: 28%;
    }
    .animatfew-left {
        max-width: 90px;
        right: 28%;
        bottom: 70px;
    }
    .feature-box {
        width: 80%;
        height: 100%;
    }
    .timelineftr-hdng {
        font-size: 26px;
    }
    .ftrbox-hdng {
        font-size: 18px;
        line-height: 26px;
        padding-bottom: 8px;
    }
    .price-mainhd {
        width: 100%;
        font-size: 32px;
        line-height: 46px;
    }
    .atslogo-section {
        padding: 40px 0px;
    }
    .appmarket-txt {
        padding-bottom: 35px;
    }
    .integration-box {
        width: 80%;
    }
    .ats-caption {
        font-size: 17px;
    }
    .reqst-text {
        font-size: 16px;
        line-height: 24px;
    }
    .req-btn {
        font-size: 16px;
    }
    .integrate-section {
        padding-top: 130px;
        padding-bottom: 40px;
    }
    .get-help {
        font-size: 24px;
        line-height: 28px;
    }
    .label-name {
        font-size: 12px;
    }
    .trail-grp input::placeholder, .trail-grp textarea::placeholder{
        font-size: 13px;
    }
    .trail-grp textarea {
        height: 70px;
    }
    .btn-next {
        font-size: 14px;
    }
    .trail-grp {
        padding-bottom: 8px;
    }
    .bookdemo-hd {
        font-size: 30px;
    }
    .signup-list li:before {
        margin-top: 3px;
    }
    .signup-list li {
        font-size: 18px;
        padding-top: 22px;
    }
    .dotadded {
        flex-direction: column;
        padding-left: 20px;
    }
    .billed-txt {
        font-size: 15px;
    }
    .month-free {
        font-size: 13px;
    }
    .billtgl-box {
        padding-left: 10px;
        padding-right: 10px;
    }
    .price-box {
        width: 82%;
    }
    .phone-head {
        font-size: 28px;
    }
    .phone-para {
        font-size: 20px;
    }
    .five-dollor {
        font-size: 38px;
    }
    .price-container {
        padding-left: 30px;
        padding-right: 30px;
    }
    .review-shadow, .review-shadowbottom {
        width: 467px;
    }
    .Review-box .review-text {
        font-size: 11px;
        line-height: 18px;
    }
    .review-name {
        font-size: 12px;
    }
    .review-profesion {
        font-size: 11px;
    }
    .Review-box{
        width: 100%;
    }
    .mdl-reviewbox {
        margin-left: 0;
        width: 100%;
    }
    .telephn-sltn {
        padding-top: 95px;
    }
    .learn-ontime-img {
        margin-top: -38px;
    }
    .learn-btntxt .firstsec-livebt {
        width: 160px;
        font-size: 12px;
        display: flex;
        margin: 0 auto;
        height: 42px;
        padding: 2px 10px 0px 8px;
    }
    .learn-btntxt {
        bottom: 3%;
    }
    .team-members {
        width: 80%;
    }
    .team-culture-section {
        padding: 60px 0px 35px;
    }
    .location-sec {
        padding: 60px 0px;
    }
    .loclogo-box {
        padding-top: 22px;
    }
    .modal-dialog {
        max-width: 85%;
    }
    .custom-container2 {
        padding-left: 30px;
        padding-right: 30px;
    }
    .p-box {
        height: auto;
    }
    .d-p-box {
        position: relative;
        bottom: 0;
        align-items: center;
        padding-top: 20px;
    }
    .learn-btntxt .firstsec-livebt img {
        width: 50px;
    }
    .cnad-leftgrid img {
        width: 90%;
    }
    .whatelse-txt, .cnad-rightgrid .frm-hdng {
        font-size: 20px;
    }
    .cand-inpt input {
        font-size: 14px;
    }
    .about-hdng {
        font-size: 28px;
        line-height: 38px;
    }
    .cnad-leftgrid .frm-hdng {
        font-size: 20px;
    }
    .review-section {
        padding: 60px 0px;
    }
    .all-right {
        padding-top: 0px;
    }
    .landfree-btn {
        font-size: 16px;
    }
    /* .close-window-modal .modal-dialog {
        top: 10%;
    } */
    .product-list img {
        margin-top: -3px;
    }
    .features-sec {
        padding-top: 130px;
    }
    .close-window-modal .modal-content {
        margin-top: 0px;
    }
    .FreeTrail-form {
        width: 80%;
    }
    .CM-integrateText {
        font-size: 20px;
        line-height: 36px;
    }
    #calltrap-btn {
        width: 54px;
        height: 54px;
    }
    /* comparison css */
    .Reviews-img {
        text-align: center;
    }
    .cmprReview-box {
        width: 90%;
        margin: 30px auto 0px auto;
    }
    .left-quote {
        top: 11px;
        left: 33px;
        width: 28px;
    }
    .right-quote {
        bottom: -15px;
        right: 28px;
        width: 38px;
    }
    .otherthings-wdth {
        width: 100%;
    }
    .movecallmantra-section .RingCentral-hdng {
        width: 100%;
    }
    .movepadTop {
        display: flex;
        gap: 40px;
    }
    .Review-shadow {
        left: 10%;
        width: 78%;
    }
    .otherservice-box {
        flex-wrap: wrap;
        justify-content: start;
    }
    .RingCentral-cmprbox .compare-table, .RingCentral-cmprbox .cmprtbl-scrolltop div {
        width: 670px;
    }
    .RingCentral-cmprbox .cmprtble-content {
        overflow-x: auto;
        cursor: pointer;
        padding-top: 0px;
    }
    .RingCentral-cmprbox .cmprtbl-scrolltop {
        overflow-x: auto;
        height: 26px;
        margin-top: 20px;
    }
    .footer-box {
        gap: 52px;
        flex-wrap: wrap;
    }
    .store-icon {
        width: 80%;
    }
    .CMP-rightgrid {
        padding-left: 26px;
    }
    .Comparison-section .data-backclr {
        padding: 28px 18px;
    }
    .KL-box-container{
        margin-left: 0;
        margin-right: 0;
    }
    .KT-ancher {
        width: 100%;
        margin-left: 0;
        margin-right: 0;
    }
    .HC-callmantavs-hdng {
        font-size: 30px;
    }
    .HC-Moveringcentral-txt {
        font-size: 18px;
    }
    .HC-contact-btn{
        height: 52px;
    }
    .KT-box-heading{
        font-size: 22px;
    }

     /*Getting-start*/
     .GS-box {
        width: 46%;
    }
     .GS-headingTxt{
        font-size: 36px;
    }
    .GS-paragraph{
        font-size: 16px;
    }
    .GS-box-heading{
        font-size: 20px;
    }
    .GS-Questionbox a {
        font-size: 14px;
    }
    .GS-box-btn{
        width: 140px;
        font-size: 13px;
    }
    #from_main3 {
        width: 80%;
    }
    .header-trial {
        width: 80%;
    }
    .CM-LessWork .calling-hdng {
        line-height: 36px;
        font-size: 28px;
    }
    .CM-HomeImage {
        width: 60% !important;
    }
    .CM-Pb20 {
        padding-bottom: 30px;
    }
    .CM-Pb {
        padding-bottom: 30px;
    }
    .TextWhiteClerate {
        width: 100%;
    }
    .crelate-caption {
        position: unset;
    }
    .Crelate_highlight-icon {
        top: -30px;
        left: 45%;
        width: 234px;
    }
    .CM-dashboard-img {
        width: 100%;
    }
    .CM-DownloadHdng {
        padding-top: 20px;
    }
    .otherthings-Rightimg.CC-recruiterImg {
        width: 70%;
    }
    .Resource-dropdown .Resources-list {
        gap: 20px;
    }
    .ResourceList-hdng {
        padding-bottom: 8px;
        padding-left: 8px;
    }
    #collapsiblenavbar {
        height: 80vh;
        overflow: auto;
    }
    .IntegrationHover {
        padding-bottom: 0px;
    }
    .Separate-integrations {
        font-size: 24px;
    }
    .CrelateOther-sec .otherthings-Rightimg, .CrelateOther-sec .otherthings-Leftimg {
        width: 80%;
    }
    .frq-qnshd {
        font-size: 34px;
        line-height: 40px;
    }
    .Partner-right-grid {
        padding-left: 30px;
    }
}
@media (max-width: 550px) {
    .animatfew {
        max-width: 60px;
        bottom: 0px;
        left: 31%;
    }
    .animatfew-left {
        max-width: 60px;
        bottom: 50px;
        right: 31%;
    }
    .price-box {
        width: 95%;
    }
    .header-trial {
        flex-direction: column;
        width: 50%;
    }
    .header-trial .signup-btn {
        margin: 15px 0px;
    }
    .header-trial .callicon-btn {
        margin-right: 0px;
    }
    .Trailside-hd {
        font-size: 24px;
        line-height: 38px;
    }
    .Freetrail-list li {
        font-size: 16px;
        padding-top: 16px;
    }
    .Freetrail-subhdng {
        padding-top: 0px;
        padding-bottom: 0px;
        font-size: 13px;
    }
    .Freetrail-list {
        margin-bottom: 16px;
    }
    .FreeTrail-form {
        width: 100%;
        padding: 30px 26px;
    }
    .FT-formHdng {
        font-size: 24px;
        line-height: 32px;
    }
    .header-trial .Freetrial-btn{
        margin-top: 0;
    }
    .CM-popupHdng {
        font-size: 24px;
        line-height: 32px;
        padding-top: 10px;
        padding-bottom: 25px;
    }
    .CM-popupbody {
        padding: 40px 25px;
    }
    .CMP-showdemo {
        font-size: 16px;
        padding: 12px 14px;
    }
    .CMP-leftHdng {
        font-size: 16px;
        line-height: 28px;
    }
    #calltrap-btn {
        width: 40px;
        height: 40px;
    }
    /* comparison css */
    .CMP-maincontent {
        padding-top: 0px;
    }
    .PD-video {
        width: 85%;
    }
    .CMPLeft-hdng {
        font-size: 24px;
    }
    .RingCentral-hdng {
        font-size: 28px;
    }
    .Review-shadow {
        left: 16%;
        width: 65%;
    }
    .cmpreReviewer-name {
        font-size: 16px;
        line-height: 28px;
    }
    .cmprReview-text {
        font-size: 16px;
    }
    .right-quote {
        right: 10px;
    }
    .left-quote {
        left: 14px;
    }
    .otherthings-Rightimg, .otherthings-Leftimg {
        width: 80%;
    }
    .callmantravs-hdng {
        font-size: 28px;
    }
    .otherservice-txt {
        font-weight: 500;
    }
    .footer-box {
        justify-content: start;
        padding: 54px 0px 24px;
    }
    .ftr-marginTop {
        margin-top: -20px;
    }
    .Knowledge-section {
        padding-bottom:20px;
   }
   .HC-callmantavs-hdng {
       font-size: 26px;
   }
   #from_main3 {
       width: 100%;
   }
   .CM-LessWork .calling-hdng{
       width: 100%;
   }
   .CM-HomeImage {
       width: 60% !important;
    }
    .Discount-Heading {
        font-size: 14px;
        line-height: 20px;
    }
    .ITC-DownldContainer a {
        width: 65%;
        height: auto;
    }
    .otherthings-Rightimg.CC-recruiterImg {
        width: 85%;
    }
    .Resource-dropdown .Resources-list ul {
        width: 46%;
        padding-left: 10px;
    }
    .PaddingTop-98 {
        padding-top: 66px !important;
    }
    .Partners-Heroimg {
        width: 85% !important;
    }
}
@media (min-width: 320px) and (max-width: 480px) {
    .animatfew {
        max-width: 50px;
        left: 33%;
        bottom: -2%;
    }
    .animatfew-left {
        max-width: 50px;
        right: 33%;
        bottom: 10%;
    }
    .switch {
        width: 55px;
        height: 27px;
    }
    input:checked+.toggle:before {
        -webkit-transform: translateX(26px);
        -ms-transform: translateX(26px);
        transform: translateX(26px);
    }
    .toggle:before {
        height: 23px;
        width: 23px;
        bottom: 0.1rem;
    }
    .billtgl-box {
        padding-left: 5px;
        padding-right: 5px;
    }
    .billed-txt {
        font-size: 14px;
        line-height: 20px;
        padding-top: 2px;
    }
    .billtgl-box {
        padding-left: 5px;
        padding-right: 5px;
    }
    .month-free {
        font-size: 12px;
        padding: 0px 6px;
        margin-top: 2px;
        margin-left: 0px;
        line-height: 24px;
    }
    .billed-anual {
        flex-direction: column;
    }
    .review-shadow {
        width: 100%;
        top: -52px;
        left: 0px;
    }
    .review-shadowbottom {
        width: 100%;
        bottom: -60px;
        left: 0px;
    }
    .Review-box img {
        width: 90px;
        height: 90px;
    }
    .intnl-phnums {
        flex-direction: column;
    }
    .phone-vertical{
        display: none;
    }
    .phone-right {
        padding: 5px 0px 5px 0px;
    }
    .phone-head {
        line-height: 34px;
    }
    .box-content {
        padding: 0px;
    }
    .p-box-content {
        width: 100%;
    }
    .p-box-para {
        font-size: 16px;
        line-height: 24px;
    }
    .freq-sec {
        padding: 25px 0px 50px;
    }
    .features-accordion .accordion-button {
        font-size: 18px;
        line-height: 28px;
        padding: 25px 20px 20px 20px;
    }
    .accordion-body {
        padding: 0px 20px 20px 20px;
    }
    .popover {
        max-width: 265px;
    }
    .loc-name {
        font-size: 18px;
        line-height: 24px;
    }
    .location-box {
        width: 100%;
    }
    .call-support {
        flex-direction: column;
        align-items: flex-start !important;
    }
    .monday {
        padding-left: 0;
        padding-top: 15px;
    }
    .help-box {
        height: auto;
    }
    .demoint-text {
        line-height: 34px;
    }
    .bookdemo-hd {
        line-height: 44px;
    }
    /* .close-window-modal .modal-dialog {
        top: 18%;
    } */
    .free-list li::before {
        margin-top: 6px;
    }
    .free-list .setup {
        display: block;
    }
    .ftr-freeuntil {
        font-size: 13px;
        display: inline-block;
    }
    .signup-freeuntil {
        margin-top: 5px;
    }
    .product-list span {
        padding-left: 6px;
    }
    .smsprdct-list {
        display: flex;
    }
    .smsprdct-list .smsclback-img {
        margin-top: 3px;
        height: 17px;
    }
    .CMP-showdemo {
        font-size: 14px;
    }
    /* comparison css */
    .otherthings-Rightimg, .otherthings-Leftimg {
        width: 100%;
    }
    .footer-box {
        gap: 27px;
    }
    .otherservice-txt {
        font-size: 14px;
        line-height: 22px;
        padding: 8px 16px;
    }
    .otherservice-box {
        gap: 20px;
    }
    .footer-navmenu {
        padding-top: 20px;
        gap: 10px;
    }
    .ftr-marginTop {
        margin-top: -10px;
    }
    .store-icon {
        width: 70%;
    }
    .HC-Moveringcentral-txt {
        font-size: 13px;
    }
    .KT-box-heading {
        font-size: 17px;
        line-height: 22px;
    }
    .HC-callmantavs-hdng {
        font-size: 20px;
    }
    .HC-contact-btn {
        height: 45px;
        padding: 16px 26px;
        font-size: 14px;
    }
    .KT-para {
        font-size: 14px;
    }
    .HC-othersbox {
        gap: 26px;
        padding: 26px 29px;
    }
    .HC-padding-section{
        padding: 35px 0;
    }
    .KT-main-head{
        font-size: 28px;
    }
    .Discount-Heading {
        width: 80%;
    }
    .Close-popup-discount {
        top: 24px;
    }
    .Two-mainButtons {
        flex-direction: column;
    }
    .Two-mainButtons .FreeTrilBtn {
        width: fit-content;
    }
 .hoveroff {
     width: 115px;
 }
}
@media (max-width: 380px){
    .PC-contactmodal#contact_modal .modal-content {
        margin-top: 250px;
    }
}