.zoomin-out {
    animation: zoom-in-zoom-out 2s ease-out infinite;
}

@keyframes zoom-in-zoom-out {
    0% {
        transform: scale(1);
    }
    50% {
        transform: scale(1.1, 1.1);
    }
    100% {
        transform: scale(1);
    }
}

.pulse,
.box_ai>span,
.iconflx>li>span {
    animation: pulse-animation 2s infinite;
}

@keyframes pulse-animation {
    0% {
        box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.2);
    }
    100% {
        box-shadow: 0 0 0 20px rgba(0, 0, 0, 0);
    }
}

@media screen and (min-width: 990px) and (max-width: 1080px) {
    nav>ul>li>a {
        padding: 0px 0px;
    }
    nav>ul>li {
        margin: 0px 14px;
    }
}

@media screen and (max-width: 990px) {
    .menubar,
    .nvclose {
        display: block !important;
    }
    .nvclose>i {
        color: #fff;
        font-size: 20px;
        cursor: pointer;
    }
    nav {
        position: fixed;
        right: -100%;
        width: 100%;
        padding: 20px;
        background: #2A2A2A;
        bottom: 0;
        z-index: 9;
        top: 0;
        opacity: 0;
        visibility: hidden;
        transition: all .5s ease-in-out;
        overflow-y: auto;
    }
    .shownv {
        right: 0;
        opacity: 1;
        visibility: initial;
    }
    nav>ul {
        flex-wrap: wrap;
    }
    nav>ul>li>a {
        color: #fff;
        padding: 10px 0px;
    }
    nav>ul>li>a>i,
    nav>ul>li>ul>li>a,
    nav>ul>li>ul>li>a>i {
        color: #fff;
    }
    nav>ul>li>ul>li>a:hover {
        background: #2a2a2a;
        color: #fff;
    }
    nav>ul>li>ul {
        transform: initial;
        margin-top: 0;
    }
    nav>ul>li:hover>ul {
        transform: initial;
        opacity: 1;
        visibility: initial;
        position: relative;
        margin-top: 0;
        background: #000;
    }
    nav>ul>li {
        position: relative;
        display: block;
        width: 100%;
    }
    nav::-webkit-scrollbar {
        -webkit-appearance: none;
    }
    nav::-webkit-scrollbar:vertical {
        width: 11px;
    }
    nav::-webkit-scrollbar:horizontal {
        height: 11px;
    }
    nav::-webkit-scrollbar-thumb {
        border-radius: 8px;
        border: 2px solid white;
        /* should match background, can't be transparent */
        background-color: rgba(0, 0, 0, .5);
    }
    .container_pd {
        padding: 0 15px;
    }
    header {
        padding: 10px 0px;
    }
    .loginbtn>a {
        padding: 7px 19px;
    }
    .wow {
        animation-name: none !important;
        visibility: visible !important;
    }
    .trust__list {
        flex-wrap: nowrap;
        overflow-x: scroll;
        overflow-y: hidden;
        -webkit-overflow-scrolling: touch;
        justify-content: initial !important;
    }
    .nonebx {
        display: none;
    }
    .f_nav {
        margin-bottom: 20px;
    }
}

@media screen and (max-width: 1080px) {
    .abtxt>p {
        line-height: 22px;
    }
    .psrbox {
        flex-wrap: wrap;
    }
}

@media screen and (min-width: 800px) and (max-width: 1080px) {
    .bannerbox,
    .videobox {
        margin: 30px 0px;
    }
    .bannerbox>span {
        font-size: 18px;
    }
    .bannerbox>h1 {
        font-size: 33px;
    }
    .bannerbox>p {
        font-size: 14px;
    }
    .try_demo>a {
        padding: 10px 15px;
        font-size: 15px;
    }
    .logo_client>h3 {
        font-size: 25px;
        width: 100%;
    }
    .headingall>span {
        font-size: 18px;
    }
    .headingall>h1,
    .headingall>h2 {
        font-size: 35px;
    }
    .gpbx {
        justify-content: space-between;
        column-gap: 0;
        padding: 0 20px;
    }
    .whitebox_round {
        flex: 0 0 32%;
        max-width: 32%;
    }
    .box_ai>p {
        font-size: 18px;
        padding: 0 10px;
    }
    .whycnt>h3 {
        font-size: 30px;
    }
    .whycnt>span,
    .iconflx>li>h4 {
        font-size: 18px;
    }
    .whycnt>p,
    .abtxt>p {
        font-size: 16px;
    }
    .twoflx>li {
        width: 100%;
    }
    .pricing-plans-two {
        width: 47%;
    }
}

@media screen and (max-width: 800px) {
    .cntimg {
        margin-bottom: 20px;
    }
    .bannerbox,
    .videobox {
        margin: 20px 0px;
    }
    .bannerbox>span {
        font-size: 16px;
    }
    .bannerbox>h1 {
        font-size: 35px;
    }
    .bannerbox>p {
        font-size: 13px;
    }
    .try_demo {
        margin-top: 20px;
    }
    .try_demo>a {
        padding: 10px 18px;
        font-size: 14px;
    }
    .logo_client>h3 {
        font-size: 20px;
        width: 100%;
    }
    .headingall>span {
        font-size: 16px;
    }
    .headingall>h1,
    .headingall>h2 {
        font-size: 25px;
    }
    .headingall>p {
        font-size: 14px;
    }
    .gpbx {
        padding: 20px;
    }
    .whitebox_round {
        margin-bottom: 20px;
    }
    .box_ai>p {
        font-size: 20px;
    }
    .box_why {
        flex-wrap: wrap;
    }
    .imgwhy,
    .righttext_space {
        width: 100%;
    }
    .righttext_space {
        padding: 15px;
    }
    .whycnt>h3 {
        font-size: 25px;
        margin-bottom: 10px;
    }
    .whycnt>span {
        font-size: 18px;
        margin-bottom: 10px;
    }
    .whycnt>p,
    .abtxt>p {
        font-size: 16px;
    }
    .twoflx>li {
        width: 100%;
    }
    .iconflx>li>h4 {
        font-size: 18px;
    }
    .rvsr {
        flex-direction: column-reverse;
    }
    .text_test>h4 {
        font-size: 20px;
    }
    .testimonial_slider {
        width: 100%;
    }
    .text_test>p {
        font-size: 16px;
    }
    .text_test>h5 {
        font-size: 18px;
    }
    .testimonial_slider .carousel-indicators li {
        width: 15px;
        height: 15px;
    }
    .logo_f>p {
        font-size: 16px;
        margin-bottom: 20px;
    }
    .f_nav>h4 {
        font-size: 20px;
    }
    .ftimg {
        margin: 20px 0px;
    }
    .rig_cnt>p,
    .rig_cnt>a {
        font-size: 16px;
    }
    .f_contact>span {
        width: 25px;
        margin-right: 10px;
    }
    .pr0 {
        padding-right: 0 !important;
    }
    .pdfrm .frmbox,
    .pdfrm .formsbt {
        position: relative;
        margin: 10px 20px;
    }
    .contact_txt {
        padding: 20px;
    }
    .pricing-plans-two {
        width: 100%;
    }
    .container_pd1 {
        padding: 0 20px;
    }
    .wonbox>h1,.powerf_box>h2 {
        font-size: 20px;
      
    }
    .wonlist>h4, .wonlist>h4>span{font-size: 18px;}
    .wonlist {margin-bottom: 20px;}
    .whitelogo{margin-bottom: 10px;}
    .powerf_box>h2{line-height: 29px;}
    .powerf_box>h2>span{display: inline-block;}
    .powerf_box>p{margin-bottom: 20px;}
    .halfcir {
        margin: 30px 0px 20px 0px;
        background: #3f51b5;
      
        padding: 20px 0px;
    }
    .widthsmall_tr {
        width: 60%;
        margin: auto auto auto auto;
    }
    .be_form .nice-select{    white-space: break-spaces;height: auto;}
    .be_form .nice-select,.be_form>input, .be_form textarea{font-size: 13px;}
    .boxformpd {
        width: 100%;
       
    }
}

@media screen and (max-width: 768px) {
    .whitebox_round {
        flex: 0 0 100%;
        max-width: 100%;
    }
    .all_txt {
        margin-bottom: 20px;
    }
    .all_txt>h2 {
        font-size: 20px;
    }
    .all_txt>p {
        font-size: 14px;
        line-height: 23px;
    }
    .fimg {
        height: auto;
    }
    .boxdemo {
        display: block !important;
    }
    .demoimg,
    .demoform {
        width: 100%;
    }
    .demoimg {
        display: none;
    }
}

@media screen and (max-width: 640px) {
    .rvsr1 {
        flex-direction: column-reverse;
    }
    .contact_dt {
        display: block !important;
    }
    .contact_txt {
        width: 100%;
        padding: 40px 20px;
        margin-bottom: 20px;
    }
    .mapbox>iframe {
        height: auto;
    }
}

@media screen and (max-width: 320px) {
    .logo>a {
        width: 96px;
    }
    .loginbtn>a {
        padding: 7px 14px;
        font-size: 14px;
    }
    .loginbtn {
        column-gap: 15px;
    }
    .bannerbox>span,
    .whycnt>p,
    .abtxt>p,
    .iconflx>li>h4 {
        font-size: 12px;
    }
    .bannerbox>h1 {
        font-size: 20px;
        margin-bottom: 10px;
    }
    .try_demo>a {
        padding: 10px 12px;
        font-size: 11px;
    }
    .logo_client>h3,
    .whycnt>span,
    .logo_f>p {
        font-size: 14px;
    }
    .box_ai>p {
        padding: 10px;
        font-size: 16px;
    }
    .headingall>h1,
    .headingall>h2,
    .whycnt>h3 {
        font-size: 20px;
    }
    .logo_f>span {
        width: 150px;
    }
}