@media only screen and (min-width: 1399px) and (max-width:2600px) {
  .btn_wrapper,
#btn_wrapper {
    width: 220px;
    height: 220px;
    margin-left: -25px;
  }
  
  
   .sec-title {
    font-size: 50px;
  }
  
  
  
   .sec-title-2 {
    font-size: 90px;
  }
  
  
    .sec-title-3 {
    font-size: 100px;
  }
  
  
   .sec-title-4 {
    font-size: 120px;
  }
  
  
   .sec-title-16 {
    font-size: 100px;
    text-indent: 90px;
  }
  
  
    .hero-title {
    font-size: 60px;
  }
  
   .section_title_wrapper .title_right__inner__left span::before {
    width: 500px;
  }
 
  
    .mega-menu, .mega-menu-2 {
    padding: 40px 100px;
  }
  
  
    .mega-menu li ul li a, .mega-menu-2 li ul li a {
    padding: 6px 12px;
  }
  
    .offcanvas__menu-wrapper.mean-container {
    padding-top: 93px;
  }
   .offcanvas__menu-wrapper.mean-container .mean-nav ul li a {
    font-size: 48px;
    padding-left: 50px;
  }
   .offcanvas__menu-wrapper.mean-container .mean-nav ul li a.mean-expand {
    height: 64px;
  }
  
  
  .offcanvas__menu-wrapper.mean-container .mean-nav ul li li a {
    padding-left: 80px;
  }
  
  
  .offcanvas__menu-wrapper.mean-container .mean-nav ul li li li a {
    padding-left: 120px;
  }
  
   .modal__apply .input-apply {
    -ms-grid-columns: 1fr 30px 2fr;
    grid-template-columns: 1fr 2fr;
    grid-gap: 30px;
  }
    .modal__apply .input-apply-2 {
    -ms-grid-columns: 1fr 30px 2fr;
    grid-template-columns: 1fr 2fr;
    grid-gap: 30px;
  }
  
   .header__area {
    width: 62px;
  }
  
  
  
  
   .offcanvas__body {
    -ms-grid-columns: 1.2fr 3fr 1.5fr;
    grid-template-columns: 1.2fr 3fr 1.5fr;
  }
  
  
  
   .offcanvas__right {
    padding: 0 30px;
  }
  
  .offcanvas__right .shape-1 {
    left: 0;
  }
  .offcanvas__logo {
    padding: 30px 0 30px 50px;
  }
  
  
   .offcanvas__social {
    padding-left: 50px;
    padding-top: 30px;
  }
  
   .offcanvas__links {
    padding-left: 30px;
    padding-top: 30px;
  }
   .offcanvas__search {
    padding-top: 140px;
    padding-bottom: 60px;
  }
  
   .hero__area-2 .hero2-shape {
    top: 37%;
    left: 33%;
    max-width: 36%;
  }
    .hero__area-2 .sec-title-3:last-child {
    padding-top: 90px;
  }
   .hero__area-3 {
    padding-top: 140px;
    padding-bottom: 110px;
  }
  
   .hero__area-3 .hero3-img {
    max-width: 1000px;
  }
  
  
  
  
    .hero__area-3 .sec-title {
    font-size: 260px;
  }
  
   .hero__area-10 {
    padding: 100px 30px 0;
  }
  
    .hero__inner-2 {
    padding: 140px 100px 0;
  }
  
   .hero__text-2 {
    padding-left: 20%;
  }
  .hero__text-2 p {
    max-width: 380px;
  }
  
  
  
   .hero__text-3 {
    padding-top: 50px;
  }
  
  
  
   .hero__content {
    padding-top: 80px;
    padding-bottom: 50px;
  }
  
  
  
   .hero__content img {
    max-width: 120px;
  }
  
  
   .hero__title {
    font-size: 100px;
    line-height: 0.9;
  }
  
   .hero__title::after {
    right: -30px;
    top: 35px;
  }
  
  
   .hero__title-wrapper {
    max-width: 700px;
  }
   .hero__sub-title {
    bottom: -10px;
    right: -30px;
  }
  .hero__about-award::before {
    left: 30px;
  }
  
  
  
   .hero__about-video {
    height: 650px;
  }
  
  
  
  
   .hero__about-row {
    margin-right: -150px;
  }
  
  .portfolio__big {
    padding-bottom: 200px;
  }
  
  
  
  
  
    .rollslide_title-1 {
    font-size: 160px;
  }
  .about__area-2 {
    background-position: 0 37%;
  }
  
  
  
  
   .about__area-3 .sec-text-wrapper {
    padding-left: 160px;
  }
  
  
  
  .about__img-3 {
    overflow: hidden;
    position: relative;
    width: calc(100% - 40px);
    height: 660px;
  }
  .about__img-3 img {
    position: absolute;
    bottom: 0;
    -o-object-fit: cover;
       object-fit: cover;
    width: 100%;
    height: 120%;
    margin-left: auto;
    margin-right: auto;
  }
  
  
   .about8__title {
    font-size: 60px;
  }
  
   .work8__title {
    margin-bottom: 90px;
    padding-top: 70px;
  }
  
  
   .service__area-6 .inherit-row {
    margin-left: calc(-0.5 * var(--bs-gutter-x));
  }
  
   .service__area-6 .right-content {
    padding-left: 0;
  }
  .service__top-text p {
    font-size: 18px;
  }
   .service__img {
    max-width: 260px;
  }
  
  
  
   .service__item-3 {
    -ms-grid-columns: 30% 50% 20%;
    grid-template-columns: 30% 50% 20%;
  }
  
    .service__item-6 p {
    padding-bottom: 20px;
  }
    .service__item-6 ul li {
    font-size: 16px;
    padding-bottom: 5px;
  }
  
  
  
  
    .service__item-6 ul {
    padding-bottom: 20px;
  }
  
   .service__title-6 {
    font-size: 32px;
  }
  
  
  
  
   .service__list-6 {
    padding-top: 80px;
  }
  
  
    .service__list-6 li {
    padding-bottom: 30px;
  }
  
  
  
   .service__list-6 li a {
    line-height: 1.4;
  }
  
  
  
  .service__detail-content {
    grid-gap: 40px;
  }
  
  
   .counter__area-3 .sec-title-wrapper {
    padding-top: 120px;
  }
  
  .counter__area-3 .sec-sub-title {
    display: none;
  }
  
    .counter__item {
    margin-left: -60px;
    width: 330px;
    height: 330px;
  }
  
  
   .counter__item-3 {
    padding-bottom: 0;
  }
  
   .counter__img-3 {
    margin-top: 0;
    text-align: right;
  }
  
   .counter__img-3 img {
    width: 75%;
  }
  
   .choose-title {
    font-size: 160px;
    margin-top: -100px;
  }
   .research__area {
    background-position: 20px calc(100% - 220px);
  }
  .research__area.pt-150 {
    padding-top: 130px;
  }
   .research__area .sec-title {
    padding-bottom: 20px;
  }
  .research__area .sec-title-wrapper {
    padding-right: 40px;
    padding-bottom: 50px;
  }
  
    .research__area .sec-sub-title {
    padding-bottom: 40px;
  }
  
  
  .research__item {
    padding-bottom: 15px;
  }
  
   .research__item:nth-child(odd) {
    padding-left: 50px;
  }
  
   .research__number span {
    width: 160px;
    height: 160px;
  }
  
  
  
    .research__title {
    padding-bottom: 5px;
  }
  
  .brand__item {
    padding: 35px;
  }
  
    .testimonial__title-2 {
    font-size: 48px;
    padding-top: 80px;
  }
  
    .testimonial__inner-2 {
    padding: 80px 30px;
    margin-top: 185px;
  }
  
  
  
  
  
    .testimonial__pagination {
    -webkit-transform: unset;
            transform: unset;
    top: unset;
    bottom: 110px;
    z-index: 9;
  }
  
   .testimonial3__img-4 {
    left: 70px;
    max-width: 220px;
  }
  
  
  
  
   .testimonial3__img-5 {
    right: 10px;
  }
  
  
  
   .testimonial3__img-6 {
    right: 200px;
  }
   .portfolio__area-3 .swiper-pagination {
    left: 300px;
  }
  
   .portfolio__slider-2-pagination .swiper-pagination-bullet {
    margin: 10px !important;
  }
  
  
   .portfolio__title-3 {
    font-size: 130px;
  }
  
   .portfolio__title-3 span {
    padding-left: 120px;
  }
  
   .portfolio__pagination-6 {
    padding-top: 130px;
  }
  
  
   .portfolio-v5 .pb-100 {
    padding-bottom: 0;
  }
  
  
   .portfolio__hero .title {
    font-size: 160px;
  }
  
   .portfolio__hero .title.shape-circle::after {
    top: 60px;
  }
  
.portfolio__hero .pp-thumb {
    max-width: 780px;
    left: 17%;
  }
  
   .portfolio__about::after {
    font-size: 230px;
    top: 0;
  }
  
    .portfolio__about .about-row {
    margin-top: 60px;
  }
   .portfolio__about .sec-text p {
    padding-bottom: 50px;
  }
  
   .portfolio__about .brand-title-wrap {
    padding: 25px 0;
  }
  
  
   .portfolio__project {
    padding-top: 120px;
  }
  
   .portfolio__project::after {
    top: -60px;
    font-size: 230px;
  }
  
  
  
  .portfolio__project .pp-slider-wrapper {
    padding-left: 160px;
  }
  
  
    .portfolio__project .pp-slide {
    padding: 80px 0 80px 120px;
  }
   .portfolio__project .pp-slide-img {
    max-width: 330px;
    max-height: 450px;
  }
  
  
  .portfolio__project-thumbs {
    margin-right: -50px;
  }
  
  .portfolio__service .sec-text {
    background-position: 0 20px;
  }
  
  
  .portfolio__service .sec-text p {
    padding-top: 60px;
  }
  
  
    .portfolio__service .ps-btn a {
    margin-top: 50px;
  }
  
  
   .portfolio__footer {
    margin-top: 30px;
  }
  
   .portfolio__footer-area .pf-title {
    font-size: 72px;
    padding-bottom: 30px;
  }
  
  
  
   .circle-pagination-2 {
    left: 0 !important;
  }
  
   .blog__area .row {
    --bs-gutter-x: 40px;
  }
  
    .blog__area-2 .row {
    --bs-gutter-x: 40px;
  }
  
    .blog__info-3 {
    width: 70%;
  }
  
    .blog__detail-title {
    font-size: 60px;
  }
   .img-box {
    height:600px;
  }
  
  
   .row.reset-grid {
    --bs-gutter-x: 40px;
  }

  .cta__area-3 .pt-150 {
    padding-top: 125px;
  }
  
    .cta__content-2 #btn_wrapper, .cta__content-3 #btn_wrapper,
.cta__content-2 .btn_wrapper,
.cta__content-3 .btn_wrapper {
    width: 260px;
    height: 260px;
  }
  
    .cta__content-2 a, .cta__content-3 a {
    width: 220px;
    height: 220px;
  }
  
   .cta__title {
    padding-bottom: 40px;
  }
  
    .cta__title-2 {
    font-size: 75px;
    padding-bottom: 30px;
  }
  
   .story__area .from-text {
    right: 0;
  }
  
  
   .story__img-wrapper {
    height: 580px;
  }
  
   .story__img-wrapper {
    height: 100%;
  }
    .team__area {
    padding-left: 62px;
  }
  
  
  
   .team__area-6 {
    background-position: 0 180px;
    padding-left: 62px;
  }
  
  
   .team__area-6 .sec-title {
    font-size: 90px;
  }
  
  
   .team__member-name-7 {
    font-size: 60px;
    padding-bottom: 20px;
  }
  .team__member-name-7 br {
    display: none;
  }
  
  
   .team__join-btn {
    padding: 200px 0;
  }
  
   .team__btm .sec-title-wrapper {
    background-size: 42%;
  }
  
   .team__detail .pb-140 {
    padding-bottom: 40px;
  }
  
  
    .team__detail .pt-120 {
    padding-top: 60px;
  }
  
  
  
    .team__member-img {
    left: 0;
  }
  
    .team__member-img img {
    left: 0;
    max-width: 70%;
  }
  
  
  
    .solution__mid p {
    padding-left: 80px;
  }
  .solution__mid p::before {
    width: 70px;
  }
  
   .solution__title {
    padding-top: 80px;
    font-size: 100px;
  }
  
   .solution__img-1 img {
    max-width: 300px;
  }
    .solution__img-3 img {
    max-width: 300px;
  }

    .development__content {
    grid-gap: 40px;
  }
  
   .development__wrapper ul li {
    font-size: 16px;
    padding-bottom: 5px;
  }
  
   .award__text, .award__text-2 {
    font-size: 130px;
  }
  
  .awards__content__title {
    font-size: 60px;
  }
  
  .awards__content p {
    margin-left: 130px;
  }
  
    .faq__img {
    padding-right: 30px;
  }
    .faq__content {
    padding-left: 30px;
    padding-top: 30px;
  }
  
  .hero10__thumb {
    height: 470px;
  }
  
  
   .showcase4__thumb {
    height: 400px;
  }
  
    .gallary12__thumb {
    height: 520px;
    max-width: 750px;
  }
  
   .gallary12__content {
    -ms-flex-preferred-size: 32%;
        flex-basis: 32%;
  }
  
   .gallary12__content__title {
    font-size: 48px;
  }
  
  .hero__area-15 .swiper-container {
    height: calc(100vh - 80px);
  }
  
  
    .hero__area-15 .main-slider {
    padding-top: 120px;
  }
    .hero__area-15 .main-slider .swiper-pagination {
    bottom: -40px;
  }
  
    .hero__area-15 .swiper-container.thumb-slider {
    width: 130px;
    margin-top: 110px;
    height: calc(100vh - 180px);
  }
  
   .showcase__top-16 {
    padding: 160px 30px 65px;
  }
  
  
  .showcase__title-16 {
    font-size: 60px;
  }
  
  
  .tech_title {
    font-size: 60px;
  }
    .single__thumb .svgstar {
    left: 23%;
    top: 15%;
  }
  
  
  
   .client__section__title {
    font-size: 60px;
  }
  
  
  .career__top-img {
    height: 560px;
  }
   .career__thumb .inherit {
    margin-right: -130px;
  }
  
  
  .career__gallery-img {
    height: 580px;
  }
  
  
  
   .career__benefits-list li {
    width: 210px;
    height: 210px;
    margin-left: -20px;
    margin-top: -20px;
    padding: 20px;
  }
  .career__benefits-list li:nth-child(3n+1) {
    margin-left: 0;
  }
  
  
   .job__detail-top {
    padding-left: 0;
    overflow: hidden;
    position: relative;
    width: 100%;
    height: 500px;
  }
  .job__detail-top img {
    position: absolute;
    bottom: 0;
    -o-object-fit: cover;
       object-fit: cover;
    width: 100%;
    height: 120%;
    margin-left: auto;
    margin-right: auto;
  }
  
  
   .job__detail-wrapper {
    padding-right: 30px;
  }
  
    .feature__text {
    padding-left: 70px;
  }
  
  
   .feature__item {
    padding: 90px 20px;
  }
  
   .contact__form #btn_wrapper,
.contact__form .btn_wrapper {
    margin-top: -10px;
  }
   .hero__area-5 {
    padding: 166px 0px 80px;
    background-size: 90%;
  }
  
  
   .hero__title-5 {
    font-size: 45px;
    line-height: 1.4;
  }
  
  
  
  
    .portfolio__inner-5 {
    gap: 70px;
  }
  
  
    .portfolio__item-5 {
    width: 28%;
  }
  
  
  
  
  .cta__title-5 {
    font-size: 45px;
  }

  
   .footer__top-wrapper-3 {
    -ms-grid-columns: 35% 20px 15% 20px auto;
    grid-template-columns: 35% 15% auto;
    gap: 20px;
  }
  
  
    .footer__btm {
    padding-left: 55px;
  }
  
  
    .footer__inner {
    padding-left: 450px;
  }
  
  .footer__widget-4 {
    padding: 130px 40px;
  }
  
  
  
   .footer__widget-4 .project-title {
    font-size: 30px;
  }
    .footer__contact-3 {
    padding-top: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }
  
    .footer__contact-3 a {
    font-size: 90px;
  }
    .footer__copyright {
    margin-left: -54px;
    padding: 35px 0 35px 54px;
  }
  
   .footer__copyright-8 {
    padding: 20px 30px;
  }
  
  
 .footer_categories {
    margin: 0 30px;
  }  
  
  
  
   .sec-title-6 {
    font-size: 45px;
  }
  
  
    .hero__title-6 {
    font-size: 80px;
  } 
   .hero__content-6 {
    padding-top: 210px;
  }
  
  
    .hero__shape-2 {
    right: 3%;
    bottom: 7%;
  }
  .workflow__item-4 p {
    padding: 0px;
  }
  
   .feature__content-right p {
    padding-right: 145px;
  }
    .feature__content-btm {
    gap: 20px;
  }
  
  
  .service__item-title {
    font-size: 40px;
  }
   .solution__area-4 {
    padding: 90px 0px;
    background-size: 52%;
  }
  
  
  
   .solution__list {
    -ms-grid-columns: 250px 300px;
    grid-template-columns: 250px 300px;
    border-top: 1px solid var(--white-6);
  }
  
  .cta__title-4 {
    font-size: 40px;
  }
  
  .testimonial__slider-4 {
    padding-bottom: 110px;
  }
  
  
  
    .footer__item-6 p br {
    display: none;
  }
  
  
  
    .hero__area-7 {
    padding-top: 140px;
    padding-bottom: 100px;
  }
    .hero__area-7 .shape-1 {
    right: 60px;
    max-width: 260px;
  }
  
  
   .hero__title-7 {
    font-size: 110px;
  }
  
  
  
  
    .about__mid-7 {
    padding-left: 30px;
    padding-top: 20px;
  }
   .award__btm-7 {
    padding-left: 90px;
  }
  
  
    .team__title-7 {
    font-size: 500px;
  }
  
  
  
    .service__area-7::before {
    left: 35%;
  }
  
  
    .service__area-7::after {
    left: 62%;
  }
   .portfolio__slider-7 {
    margin-right: -200px;
  }
    .portfolio__area-12 {
    padding-top: 150px;
  }
  
  
  
  
  
  .portfolio__area-12 .sec-title-wrapper .title {
    font-size: 260px;
    padding-bottom: 45px;
  }
  
  
  
  
   .portfolio__area-12 .sec-title-wrapper p {
    margin-left: 300px;
  }
  
   .portfolio__title-11 {
    font-size: 40px;
  }
   .portfolio__title-12 {
    font-size: 100px;
  }
  
  
   .portfolio__list-12 {
    padding-top: 90px;
  }
  
   .portfolio__item-12 {
    padding: 40px 0;
    -ms-grid-columns: 100px auto 100px;
    grid-template-columns: 100px auto 100px;
  }
   .portfolio__nitem.active .portfolio__title-11 {
    font-size: 100px;
  }
  
  
   .scroll-top-2 {
    right: 30px;
  }
  
   .showcase__area-4 {
    padding: 90px 50px 100px;
  }
  
  
   .showcase__items-4 {
    grid-gap: 30px;
  }
  
  
    .portfolio__area-11 .swiper-slide.swiper-slide-active .gallary__thumb .portfolio__title-11 {
    font-size: 90px;
  }
  
  
  .portfolio__area-11 .swiper-container.thumb-slider11 .swiper-slide-active {
    height: 160px !important;
  } 
  
  .dir-rtl .offcanvas__menu-wrapper.mean-container .mean-nav ul li a {
    padding-right: 50px;
  }
    .dir-rtl .offcanvas__menu-wrapper.mean-container .mean-nav ul li a.mean-expand {
    height: 88px;
  }
   .dir-rtl .offcanvas__menu-wrapper.mean-container .mean-nav ul li li a {
    padding-right: 80px;
  }
  
   .dir-rtl .hero__area-2 .sec-title-3:last-child {
    padding-top: 90px;
  }
  
  
    .dir-rtl .hero__text-2 {
    padding-right: 20%;
  }
  
   .dir-rtl .hero__about-award::before {
    right: 30px;
  }
  
   .dir-rtl .hero__about-row {
    margin-left: -150px;
  }
  
   .dir-rtl .story__area .from-text {
    left: -100px;
  }
   .dir-rtl .feature__content-right p {
    padding-left: 145px;
  }
   .dir-rtl .feature__text {
    padding-right: 70px;
  }
  
  
  
   .dir-rtl .feature__item:last-child {
    padding: 90px 20px;
  }
  
  
    .dir-rtl .about__area-3 .sec-text-wrapper {
    padding-right: 160px;
  }
  
   .dir-rtl .about__mid-7 {
    padding-right: 30px;
  }

   .dir-rtl .service__area-7::before {
    left: 38%;
  }
  
    .dir-rtl .service__area-7::after {
    left: 65%;
  }
  
  
    .dir-rtl .service__hero-left-2 .image-4 {
    right: 300px;
  }
  
  
   .dir-rtl .award__btm-7 {
    padding-right: 90px;
  }
  
    .dir-rtl .team__area {
    padding-left: 0;
    padding-right: 62px;
  }
  
  
  
    .dir-rtl .team__area-6 {
    padding-left: 0;
    padding-right: 62px;
  }
  
  
    .dir-rtl .team__member-img {
    right: -228px;
  }
  
  
  
  
   .dir-rtl .portfolio__project .pp-slide-thumb {
    margin-right: 20px;
  }
  
  
   .dir-rtl .portfolio__footer-area::after {
    right: 20px;
  }
  
  
  
    .dir-rtl .solution__mid p {
    padding-right: 80px;
  }
  
   .dir-rtl .research__area {
    background-position: calc(100% - 100px) calc(100% - 140px);
  }
    .dir-rtl .research__tools {
    padding-right: 108px;
  }
  
  
   .dir-rtl .counter__item {
    margin-right: -60px;
  }
  
  
   .dir-rtl .footer__row {
    margin-right: -330px;
  }
  
  
  
  .dir-rtl .job__detail-wrapper {
    padding-left: 30px;
  }
  
  
  
  
  
  
    .btn_wrapper,
#btn_wrapper {
    width: 220px;
    height: 220px;
    margin-left: -25px;
  }
  
  
  
  
  
  .footer__subscribe div{margin-left:0px !important}

  .job__detail-content.ubrand-story{padding-top:40% !important;}
  
  .col-large-4{width:33.33% !important}
  
  
  }
  
  
  @media  only screen and (min-width: 1500px)  and (max-width:1600px)
{
    .container

 {
   max-width: 80%;
}

    
    
    
    }


@media   only screen and(min-width: 1601px)  and (max-width:1699px)
{
    .container

 {
   max-width: 80%;
}
}
    
    





@media   only screen and (min-width: 1700px)  and (max-width:1800px)
{
    .container

 {
    max-width: 80%;
}
  
  }
    
    
    


@media   only screen and (min-width: 1801px)  and (max-width:1920px)
{
    .container

 {
  max-width: 80%;
}
 
    }

@media  only screen and (min-width: 2000px)  and (max-width:2100px)
{
    .container

 {
  max-width: 80%;
}
 
    }
    
    
    
    
  @media   only screen and (min-width: 2120px)  and (max-width:2200px)
{ 
    .container

 {
   max-width: 80%;
}
 
    }
    
      
    
     @media   only screen and (min-width: 2220px)  and (max-width:2300px)
{
    .container

 {
  max-width: 80%;
}
 
    }
    
       @media  only screen and (min-width:2320px)  and (max-width:2400px)
{
    .container

 {
 max-width: 80%;
}
 
    }
    
          @media  only screen and (min-width:2420px)  and (max-width:2500px)
{
    .container

 {
  max-width: 80%;
}
 
    }
    
    
    
    
    
    
    
    
    
@media only screen and (min-width: 2500px) and (max-width:2600px) {

.container

 {
 max-width: 80%;
}
 
    }