/*
====================================
Medium Screen - Others
====================================
*/
@media screen and (min-width: 1200px) and (max-width: 1399px) {

    .hero-area {
        padding: 170px 0;
        padding-bottom: 75px;
    }
    .header_area .container {
        max-width: 1130px;
        padding: 10px 25px;
    }


    .features-area {
        margin: 0 20px;
        margin-top: 60px;
    }
    .lang-items h3 {
        font-size: 12.836px;
    }
    .ft-items-top p {
        padding: 10px 0;
        font-size: 15px;
    }
    .ft-contens h2 {
        font-size: 28px;
    }
    .sp-detec .line-1 {
        width: 100.035px;
    }
    .sp-detec {
        padding: 20px;
    }


}


@media screen and (min-width: 992px) and (max-width: 1199px) {

    .hero-area {
        padding: 150px 0;
        padding-bottom: 0px;
    }
    .title h1 {
        font-size: 60px;
    }

    .header_area .container {
        max-width: 960px;
        padding: 10px 25px;
    }

    .features-area {
        margin: 0 15px;
        margin-top: 60px;
    }

    .quick-links .mail {
        font-size: 15px;
    }
   






















}

/*
====================================
Small Screen - Tablate
====================================
*/
@media screen and (min-width: 768px) and (max-width: 991px) {


    .hero-area {
        padding: 110px 0;
        padding-bottom: 40px;
    }
    .title h1 {
        font-size: 48px;
    }
    .title p {
        font-size: 17px;
        padding-right: 60px;
    }
    .hero-action-btn {
        flex-direction: column;
        align-items: start !important;
    }
    .download_action a {
        padding: 14px 20px;
        font-size: 17px;
    }
    .demo_action.ms-3 {
        margin-top: 30px;
        margin-left: 0 !important;
    }
    .header_area .container {
        max-width: 720px;
        padding: 12px 25px;
    }


    .features-area {
        margin: 40px 15px;
        padding-top: 40px;
        padding-bottom: 30px;
    }
    .ft-items-top {
        justify-content: center;
    }
    .ft4_items {
        margin-top: 30px;
    }

    .ft-contens5 {
        padding-top: 60px;
    }
    .ft-contens6 {
        padding-top: 60px;
    }

    .features-top h2 {
        font-size: 40px;
    }
    .ft-contens h2 {
        font-size: 28px;
    }


    .see-demo {
        padding: 30px 0;
    }
    .see-demo-cnt h2 {
        font-size: 35px;
    }


    .custom-weidth {
        width: 100%;
    }

    .review-items {
        height: 412px !important;
        width: 100%;
    }
    .rv-title h2 {
        font-size: 35px;
    }
    .review-area {
        padding: 30px 0;
    }

    .faq-title h2 {
        font-size: 40px;
    }
    .faq-quetion h2 {
        font-size: 29px;
    }

    .try-speech-wapper {
        height: 440px;
    }
    .wapper-cnt h3 {
        font-size: 35px;
    }

    .quick-links ul li a {
        font-size: 16px;
    }
    .accordion-title {
        font-size: 22px !important;
    }




}

/*
====================================
Small Screen - Mobile
====================================
*/
@media screen and (min-width: 576px) and (max-width: 767px) {	

    .hero-area {
        padding: 110px 0;
        padding-bottom: 40px;
        background: #ffff;
    }
    .title h1 {
        font-size: 40px;
    }
    .title p {
        font-size: 17px;
        padding-right: 60px;
    }
 
    .download_action a {
        padding: 14px 20px;
        font-size: 17px;
    }
 
    .header_area .container {
        max-width: 540px;
        padding: 12px 25px;
    }


    .speed-version p {
        font-size: 14px;
    }
    .speed-version {
        max-width: 100%;
    }


    .features-area {
        margin: 40px 15px;
        padding-top: 40px;
        padding-bottom: 0;
    }
    .ft-items-top {
        justify-content: center;
    }
    .ft4_items {
        margin-top: 10px;
    }

    .ft-contens5 {
        padding-top: 60px;
    }
    .ft-contens6 {
        padding-top: 60px;
    }

    .features-top h2 {
        font-size: 35px;
    }
    .ft-contens h2 {
        font-size: 22px;
    }
    .features-item2 .ft-contens {
        padding-top: 35px;
    }
    .ft-conten3 {
        padding-top: 60px;
    }
    .ft-contens {
        padding-top: 50px;
    }


    .see-demo {
        padding: 30px 0;
    }
    .see-demo-cnt h2 {
        font-size: 35px;
    }



    .custom-weidth {
        width: 100%;
    }

    .review-items {
        height: 390px !important;
        width: 100%;
    }
    .rv-title h2 {
        font-size: 28px;
    }
    .review-area {
        padding: 30px 0;
    }
    .review-content p {
        font-size: 17px;
    }

    .faq-title h2 {
        font-size: 30px;
    }
    .faq-quetion h2 {
        font-size: 25px;
    }
    .accordion-desc p {
        font-size: 16px;
    }
    .accordion-title {
        font-size: 22px !important;
    }

    .try-speech-wapper {
        height: 360px;
    }
    .wapper-cnt h3 {
        font-size: 25px;
    }
    .wapper-cnt {
        width: 400px;
    }
    .wapper-cnt p {
        font-size: 16px;
    }
    .bg-overly {
        width: 400px;
    }

    .quick-links ul li a {
        font-size: 16px;
    }

}

/*
====================================
Xtra Small Screen - Small Mobile
====================================
*/
@media screen and (max-width: 576px) {


    .hero-area {
        padding: 110px 0;
        padding-bottom: 15px;
        background: #ffff;
    }
    .title h1 {
        font-size: 32px;
    }
    .title p {
        font-size: 17px;
        padding-right: 60px;
    }
 
    .download_action a {
        padding: 14px 20px;
        font-size: 17px;
    }
 
    .header_area .container {
        max-width: 540px;
        padding: 12px 25px;
    }


    .speed-version p {
        font-size: 14px;
    }
    .speed-version {
        max-width: 100%;
    }
    .hero-action-btn {
        flex-direction: column;
        align-items: start !important;
    }
    .demo_action.ms-3 {
        margin-top: 30px;
        margin-left: 0 !important;
    }

    .available-box a.windows, .available-box a.apple {
        width: 115.092px;
    }
    .windows img {
        width: 17px;
    }

    .features-area {
        margin: 15px 15px;
        padding-top: 30px;
        padding-bottom: 0;
    }
    .ft-items-top {
        justify-content: center;
    }
    .ft4_items {
        margin-top: 10px;
    }

    .ft-contens5 {
        padding-top: 60px;
    }
    .ft-contens6 {
        padding-top: 60px;
    }

    .features-top h2 {
        font-size: 25px;
    }
    .ft-contens h2 {
        font-size: 20px;
    }
    .features-item2 .ft-contens {
        padding-top: 35px;
    }
    .ft-conten3 {
        padding-top: 60px;
    }
    .ft-contens {
        padding-top: 30px;
    }
    .features-top p {
        font-size: 15px;
    }
    .ft-items-top p {
        font-size: 15px;
        padding: 10px 0px;
    }
    .sr-logos {
        width: 70px;
        height: 70px;
    }
    .sr-logos img {
        width: 35px;
    }
    .ft-contens p {
        font-size: 15px;
    }
    .lang-items h3 {
        font-size: 12.836px;
    }
    .lang-items img {
        width: 20px;
    }
    .ft-items-top img {
    }
    .sp-detec {
        padding: 20px;
    }
    .sp-detec2 .img-2 {
        top: -40px;
        right: 30px;
    }
    .sp-detec2 .img-1 {
        top: -30px;
        right: -10px;
    }
    .available-box {
        padding: 20px 0;
    }
    .top-items3 img {
        width: 13px;
    }
    .features-item5 img {
       width: 55px; 
    }   

    .see-demo {
        padding: 30px 0;
    }
    .see-demo-cnt h2 {
        font-size: 24px;
    }

    .see-demo-cnt p {
        font-size: 15px;
    }


    .custom-weidth {
        width: 100%;
    }

    .review-items {
        height: 412px !important;
        width: 100%;
    }
    .rv-title h2 {
        font-size: 22px;
    }
    .review-area {
        padding: 30px 0;
    }
    .review-content p {
        font-size: 15px;
    }
    .clints-details h4 {
        font-size: 16px;
    }
    .clints-details p {
        font-size: 16px;
    }
    .review-carousel .owl-nav .owl-prev, .review-carousel .owl-nav .owl-next {
        width: 40px;
        height: 40px;
    }
    .review-carousel .owl-nav .owl-prev i, .review-carousel .owl-nav .owl-next i {
        font-size: 20px;
    }
    .review-wapper {
        padding-top: 30px;
    }

    .faq-title h2 {
        font-size: 22px;
    }
    .faq-quetion h2 {
        font-size: 22px;
    }
    .accordion-desc p {
        font-size: 15px;
    }

    .faq-title p {
        font-size: 15px;
    }
    span.open,
    span.close {
        width: 25px;
        height: 25px;
    }
    span.open i,
    span.close i {
        font-size: 16px;
    }
    .accordion-title {
        font-size: 19px !important;
    }

    .try-speech-wapper {
        height: 320px;
    }
    .wapper-cnt h3 {
        font-size: 22px;
    }
    .wapper-cnt {
        width: 325px;
    }
    .wapper-cnt p {
        font-size: 15px;
    }
    .bg-overly {
        width: 400px;
    }


    .footer-wapper {
        text-align: center;
    }
    .quick-links ul li a {
        font-size: 15px;
    }
    .mt-samll {
        margin-top: 30px;
    }


}