@media (max-width: 1400px) and (min-width: 992px) {
    #myVideo{width: 100%;height: 100%;}

    .navbar-toggler{
        display: block !important;
        position:absolute;
        right:0;
    }
    .navbar-toggler {display: block !important;position: absolute;right: 16px;}
    .navbar-toggler > li {display: block;width: 100%;text-align: right;}
    .body-ar .navbar-toggler > li {text-align: left;}
    .navbar-collapse {
        position: relative;
        top: 40px;
        margin-bottom: 40px !important;
        flex-direction: column;
    }
    .navbar>.container-fluid {align-items: baseline;}
    .body-ar .navbar>.container-fluid { align-items: flex-start;}
    .navbar-collapse{flex-grow: 0;}
    .collapse.navbar-collapse {display: none !important;}
    .navbar-collapse.show {
        display: flex !important;
        text-align-last: left;
        width: 100%;
        align-items: baseline;
    }
    .body-ar .navbar-expand-lg .navbar-collapse{text-align: right;}
    .body-ar .navbar-collapse.show {text-align-last: right;}
    .navbar-nav {flex-direction: column !important;width: 100%;font-size: 20px;}
    .nav-item { width: 100%;}
    .nav-link { text-align: right; }
    .navbar .navbar-sec{height: 100%;}
    .navbar-sec .request-service{margin-right:3rem;margin-bottom: 1rem; width: 100%;}   
    .body-ar .navbar-sec .request-service {justify-content: end;}
    
    /* .body-ar .navbar-toggler {left: 16px;right: auto;} */
    /* .body-ar .nav-link { text-align: left; } */
    /* .navbar-sec{flex-direction: column ;} */
    /* .navbar{height: 100%;} */
    /* .navbar .navbar-collapse{position: absolute;top: 100px;}  */
}


@media (min-width: 992px) {
    
}

@media (max-width: 992px) {
    /* .hero-sec h1 {bottom: -125px;font-size: 60px;letter-spacing: -2px;} */
    .body-ar .navbar-sec .request-service{margin-right:3rem;justify-content: end ;}
    .navbar-expand-lg .navbar-nav .nav-link:not(.lang) {
        padding-right: 0 !important;
        padding-left: 0 !important;
        font-size: 20px;
    }

    .hero-sec h1 {
        bottom: -124px;
        font-size: 60px;
        letter-spacing: 0px;
        line-height: 1.5;
    }
    .other-page .hero-sec h1 {
        bottom: 15px !important;
    }

    #myVideo{width: 100%;height: 100%;}
    /* .services-sec .service-title{font-size: 25px;} */
    .service-details-page .hero-sec h1, .empower-sec h2{font-size: 50px;}
    .body-ar .hero-sec h1{bottom: -38px;}
    :is(.services-page, .insights-page, .contact-page, .about-page, .case-studies-page, .caseStudy-details-page, .common-questions-page, .news-page, .other_pages) .hero-sec h1{bottom: -35px;}
    .about-page .hero-sec h1{bottom: -33px;}
    .insights-page .hero-sec h1{bottom: -33px;}
    .body-ar :is(.services-page, .insights-page, .contact-page, .about-page, .case-studies-page, .caseStudy-details-page, .common-questions-page, .news-page, .other_pages) .hero-sec h1{bottom: -38px;}
    .insights-page .articles-sec .blog, .news-page .articles-sec .blog{width: auto;}
    .privacy-page .hero-sec h1 {bottom: -38px;font-size: 50px;}

    /* .about-page .hero-sec{padding: 120px 0 120px;} */
    .about-page .about-content .para1{font-size: 20px;line-height: 28px;}
    .about-page .about-content .para2{font-size: 16px;line-height: 20px;}
    
    .news-page .intro h2 { font-size: 80px;}

    /* font-size */
    .services-sec h2.main-title, .caseStudy-sec h2.main-title,.rate-sec h2,.clients-sec h2, .enjoy h2,
    .articles-sec h2, .getway h3, .subscribe-sec h2, .other_pages .hero-sec h1,
    .services-page .service h2,.insights-page .insight h2,
    .caseStudy-details-page h2.related-case-studies, .organized_steps h2, .investment h2, .news-page .other-news h2, .news-sec h2{font-size: 35px;}
    /* .insights-page .hero-sec h1{font-size: 40px;} */
    .insights-page .hero-sec h5{font-size: 16px;}
    .insights-page .filter-sec ul li{font-size: 20px;}
    .contact-page .intro-sec {margin-top: 100px !important;}
    .service-details-page .investment .content{padding: 20px 0;}
    .footer-section .page-links{flex-direction: column;}
    .contact-page .contact-form{margin-top: 40px;}

    /* .navbar{height: 100%;}
    .navbar .navbar-sec{height: 100%;}
    .navbar .navbar-collapse.show{position: absolute;top: 100px;} */
}

@media (max-width: 768px) {

    .hero-sec{margin-bottom: 100px !important;}
    .hero-sec h1 {
        bottom: -68px;
        font-size: 40px;
        letter-spacing: 0px;
        line-height: 1.2;
    }
    .other-page .hero-sec{margin-bottom: 0 !important;}
    .other-page .hero-sec h1 {
        bottom: 38px !important;
    }

    .about-sec{margin-bottom: 80px;}

    .body-ar .hero-sec h1{bottom: -21px;}
    .about-page .hero-sec h1{bottom: -20px;}
    .about-page .code h2{font-size: 40px;}
    .about-page .enhance_operational .content h2{font-size: 30px;}
    .about-page .enhance_operational .content p{font-size: 26px;}
    .about-page .careers h2{font-size: 40px;}
    .about-page .careers p{font-size: 20px;}
    .about-page .opened-job .title{font-size: 24px;}

    .insights-page .hero-sec h1{bottom: -20px;}
    
    .contact-page h1 {font-size: 40px;margin-bottom: 20px !important;}
    .contact-page .info{font-size: 16px;}
    .news-page .intro h2{font-size: 40px}

    .partners-sec h2{font-size: 32px;}

    .service-details-page .hero-sec h1, .empower-sec h2,.service-details-page .investment h2,.service-details-page .work_with h2,
    .service-details-page .partners h2{font-size: 50px !important;}
    .privacy-page .social{margin-top: 150px;}
    .news-page .news .content{font-size: 16px;}
    .clients-sec .review{font-size: 32px;}
    /* .services-sec .service-title{font-size: 28px;} */
    .service-details-page .work_with h2{margin-bottom: 50px !important;}
    .contact-sec .box{flex-direction: column;}
    .about-page .code .title{margin-bottom: 10px !important;}

    .contact-page :is(.media_email, .career_email){font-size: 18px;}
}

@media (max-width: 568px) {
    .mt-100 {margin-top: 50px;}

    .navbar-brand img{width: 80px !important;}
    .navbar-sec{padding: 0 16px !important;}
    .hero-sec h1 {
        bottom: -60px;
        line-height: 1.2;
        font-size: 35px;
        letter-spacing: -1px;
    }
    .other-page .hero-sec h1 {
        bottom: 67px !important
    }
    .body-ar .hero-sec h1 {bottom: -20px;}
    .services-sec h2.main-title::after, .caseStudy-sec h2.main-title::after {width: 130px;}
    .services-sec .main-title, .clients-sec .main-title, footer .links,
    .services-page .stepper-wrapper {margin-bottom: 60px !important;}
    .services-sec .main-title{margin: -40px 0 0px 0px !important;}
    .services-sec .sub-title{font-size: 20px;}
    .rate-sec p {font-size: 21px;line-height: 1.5;}

    .clients-sec .client-img img{width: 60px;height: 60px;margin: 15px;}
    .clients-sec .client-info{justify-content: start !important;}
    .clients-sec .client-desc{flex-direction: column !important;}
    .clients-sec .learm_more_btn{border: 1px solid;text-align: center;padding: 10px 0 0;}
    .service-details-page .sub-p{font-size: 18px;}
    .service-details-page .investment .content h3{font-size: 20px;}
    .service-details-page .investment .content p{font-size: 16px;}
    .work_with img{width: 65px;}
    .contact-sec .contact{height: auto;}
    .contact-sec .contact .get_in_touch{margin-top: 50px;}
    .news-page .intro h2{font-size: 35px}

    .enjoy {margin-top: 150px !important;}
    .contact-sec, .getway, footer , .insights-page .contact-sec,
    .article-page .contact-sec{margin-top: 100px !important;}
    .articles-sec{margin-top: 40px !important;}

    :is(body, .body-ar) :is(.services-page, .insights-page, .contact-page, .about-page, .privacy-page, .case-studies-page,
    .caseStudy-details-page, .common-questions-page, .news-page, .other_pages,.common-questions-page) .hero-sec{margin-bottom: 40px !important;}

    :is(body, .body-ar) :is(.services-page, .insights-page, .contact-page, .about-page, .privacy-page, .case-studies-page, .caseStudy-details-page, .common-questions-page, .news-page, .other_pages) .hero-sec h1{bottom: -29px;}
    .about-page .hero-sec h1{bottom: -20px !important;}
    .insights-page .hero-sec h1{bottom: -20px !important;}

    .privacy-page .social{margin-top: -40px;}
    .privacy-page .hero-sec h1 {bottom: -23px;}

    .about-page :is(.who-we-are,.mission){padding: 0 20px !important;}
    .common-questions-page .accordion-header { padding: 30px 20px;}
    .privacy-page .accordion-header{padding: 30px 20px;}
    .services-page .stepper-item {font-size: 10px;}
    .about-sec .get_in_touch{margin-top: 40px;}
    /* font-size */
    .services-sec h2.main-title, .caseStudy-sec h2.main-title,.rate-sec h2,.clients-sec h2, .enjoy h2,
    .articles-sec h2, .getway h3, .subscribe-sec h2, .privacy-page .hero-sec h1, .other_pages .hero-sec h1,
    .services-page .service h2,.insights-page .insight h2,
    .caseStudy-details-page h2.related-case-studies, .organized_steps h2, .investment h2, .news-page .other-news h2{font-size: 32px;}
    .services-sec h2.sub-title, .caseStudy-sec h2.sub-title {font-size: 25px;}
    .clients-sec .review{font-size: 24px;}
    .contact-sec h3{font-size: 20px;}
    .contact-sec h2{font-size: 30px;}

    .service-details-page .hero-sec h1, .empower-sec h2,.service-details-page .investment h2,.service-details-page .work_with h2,
    .service-details-page .partners h2{font-size: 30px !important;}
    .about-page .enhance_operational .content h2{font-size: 24px;line-height: 28px;}
    .about-page .enhance_operational .content p{font-size: 16px;line-height: 20px;margin-top: 20px !important;}
    .about-page .enhance_operational hr{width: 100% !important;}
    .about-page .contact-sec{margin-top: 60px !important}

    .contact-sec .box{align-items: start !important;}
    .get_in_touch_sec, .get_in_touch_sec .get_in_touch{width: 100%;}
}

@media (max-width: 548px) {
    .mb-100 {margin-bottom: 50px;}
    .privacy-page .hero-sec h1 {bottom: -82px;}
    .privacy-page .social{margin-top: 0;}
    .subscribe-btn{width: 100% !important;}
   
}


@media (max-width: 400px) {
    .navbar-brand img{width: 140px;}
    .hero-sec h1 {
        bottom: -60px;
        line-height: 40px;
        font-size: 30px;
        letter-spacing: -1px;
    }
    .other-page .hero-sec h1 {
        bottom: 61px !important;
    }
    .about-page .hero-sec h1, .about-page .about-content .title{font-size: 40px;}
    .about-page .code .title{font-size: 30px;}
    
    .get_in_touch{width: 100%;}
    :is(body, .body-ar) :is(.services-page, .insights-page, .contact-page, .about-page, .privacy-page,.case-studies-page, .caseStudy-details-page, .common-questions-page, .news-page, .other_pages) .hero-sec h1{bottom: -24px;}
    .about-page .hero-sec h1{bottom: -20px !important;}
    .insights-page .hero-sec h1{bottom: -20px;font-size: 30px;}
    .privacy-page .hero-sec h1{bottom: -67px;}

    .insights-page .articles-sec .blog, .news-page .articles-sec .blog{height: auto;}

    footer .footer-social{flex-direction: column;}
}