@media (max-width: 1600px) {

  .banner-mockup-wrapp {
    width: 60%;
    top: 80px;
    right: 6rem;
  }
  .we-want-secimg {
    top: 30%;
    width: 26%;
  }
  .we-wat-p .sec-p {
    margin: 30px 0;
    padding-right: 0px;
  }
  .main-cta::after {
    width: 400px;
    height: 400px;
    top: -40px;
    right: 0px;
  }
  .main-cta::before {
    width: 510px;
    height: 310px;
    top: 60px;
    left: -140px;
  }
  .testi-slider::before {
    left: 40%;
  }
  .servicesBannerSlider {
    margin-right: -13rem;
    margin-left: -7rem;
  }
  .gridexpert{width: 80%;}
  .web-design-img img {
    width: 83%;
  }
  .web-design-img {
    right: -6rem !important;
  }
  .web-design-services {
    max-width: 120%;
  }
  .mobile-apps-bnr-img{right: 10rem;}
  .desktop-button a:first-child{font-size: 14px;    padding: 12px 10px;}
  .desktop-button a{font-size: 14px;}
  .main-header .container-fluid {
    padding: 0px 0;
}
.crm-img {
  right: 0 ;
}
.gridexpert .items video {
  width: 100%;
  height: 100%;
}
.branding-img {
  right: 0;
}
.video-height{    height: 430px !important;
  object-fit: cover;}
}

@media (max-width: 1440px) {

  .banner-content-wrapp h1 br {
    display: none;
  }
  .testi-hd-wrapp {
    margin-left: 100px;
  }
  .testi-slider::before {
    left: 40%;
  }
  .testi-hd-wrapp {
    margin-top: 40px;
  }
  .main-cta::after {
    width: 320px;
    height: 320px;
    top: 90px;
    right: 0px;
  }
  .main-cta::before {
    width: 410px;
    height: 250px;
    top: 150px;
    left: -100px;
  }
  .website-pack-preview span:nth-child(2) {
    left: 10px;
  }
  .website-pack-preview span:nth-child(3) {
    right: 10px;
  }
  .servicesBannerSlider {
    margin-right: -5rem;
    margin-left: -10rem;
  }
  .tabs_list ul li a:before {
    right: 105%;
  }

  .banner-mockup-wrapp {
    right: 2px;
  }
  .testimonials::before {
    width: 42%;
  }
  .testi-wrapp {
    margin-left: -5rem;
  }
  .mobile-apps-bnr-img {
    right: 5rem;
  }
  .branding-img {
    right: 0;
  }
  .video-animation-img {
    right: -8rem;}
    .video-animation-img img {
      width: 80%;
  }

  .crm-img img {
    width: 90%;
}
.crm-img {
  right: -5rem;
}
.main-header-wrap .nav-link {
  padding: 0.5rem 0.5rem;
}
.inner-banner {
  height: 750px;
  }
  .ecomerce-img{right: -4rem !important;}
  .inner-banner h1{font-size: 3rem;}
  .ftr-frm button{font-size: 17px;}
  .form-left-art h4{font-size: 90px;    padding: 0 70px;}
  .form-left-art sup{    left: 10px;}
  .sup2 {
    left: 270px !important;
  }
}

@media (max-width: 1380px) {


  .banner-content-wrapp .sub-head {
    font-size: 30px;
  }
  .banner-content-wrapp h1 br {
    display: block;
  }
  .banner-sec {
    padding: 150px 0px 120px;
    height: 100%;
  }

  .cta-btns .call-btn {
    padding: 12px 30px;
  }
  .cta-btns .chat-btn {
    padding: 12px 30px;
  }
  #main #faq .card .card-header .btn-header-link {
    font-size: 20px;
  }
  .acourding-sec .sec-main-heading {
    margin-bottom: 50px;
    font-size: 42px;
  }
  .we-want h2 {
    font-size: 46px;
    line-height: 55px;
  }
  .we-want h2 br {
    display: none;
  }
  .gridexpert {
    width: 65%;
  }
 
  .banner-sec h1{    font-size: 38px;
    line-height: 1.5;}
    .services_sec02{height: 800px;margin-bottom: 0;}
    .entry-box1{width: 45%;}
}

@media (max-width: 1366px) {
  .desktop-menu ul li {
    padding: 20px 5px;
  }
}

@media (max-width: 1300px) {
  .testimonials::before {
    width: 50%;
  }
  .banner-content-wrapp h1 {
    font-size: 33px;
  }
  .nav-link {
    padding: 0.5rem 0.5rem;
  }
  .servicesBannerSlider {
    margin-right: 0rem;
    margin-left: -12rem;
  }
  .inner-banner {
    height: 725px;
    padding: 4rem 0 0 0;
  }
  .swiper-button-next:after,
  .swiper-button-prev:after {
    font-size: 20px;
  }

  .banner-mockup-wrapp {
    top: 10rem;
  }
  .we-want-secimg {
    width: 22%;
  }
  .testimonials::before {
    width: 54%;
  }
  .web-design-img {
    right: -6rem;
  }
  .web-design-img img {
    width: 80%;
  }
  .web-design-services {
    max-width: 100%;
  }
  .mobile-apps-bnr-img img {
    width: 80%;
  }
  .mobile-apps-bnr-img {
    right: 0rem;
  }
  .branding-img {
    right: -8rem;
  }
  .tabNavStyle .nav-link {
    font-size: 1.25rem;
}
.servList {
  gap: 2rem 1rem;
}
.servList li img {
  width: 2.5rem;
}
.easeServices .tab-pane {
  padding: 3rem 0;
}
.video-animation-img {
  right: -9em;
}
.gridexpert {
  width: 55%;
}
.crm-img {
  right: -12rem;
}
.web-design-img {
  right: -9rem !important;
}
.desktop-button a:last-child{display: none;}
.ftr-frm button {
  font-size: 14px;
}
.form-left-art h4 {
  font-size: 75px;
}
.form-left-art h2{font-size: 38px;}

}

@media (max-width: 1199px) {
  .main-header .container-fluid {
    padding: 0px 0px;
  }
  html {
    font-size: 13px;
  }
  .banner-sec {
    padding: 125px 0px 100px;
  }
  .main-cta::after {
    width: 235px;
    height: 270px;
  }
  .main-cta::before {
    background-size: 85%;
  }
  :is(.achievements-sec, .iconicSec) .owl-carousel .owl-item img {
    width: auto;
    margin: auto;
  }
  .iconicSec .no-js .owl-carousel,
  .iconicSec .owl-carousel.owl-loaded {
    margin: auto;
  }
  :is(.counter-number, .testimonials) .owl-carousel .owl-item img {
    width: auto;
  }
  button:focus {
    outline: none;
  }
  .port-tabs-list .port-tabs {
    justify-content: center;
  }
  .port-slider .col-md-3 {
    max-width: 100%;
    flex: 100%;
  }
  .counter-wrpaer {
    justify-content: center;
  }
  .testi-hd-wrapp {
    margin-left: 0;
  }
  .testimonials::before {
    display: none;
  }
  .testi-slider {
    margin: 2rem 0;
  }
  .testi-wrapp {
    margin-left: 0;
    margin-top: 2rem;
  }
  .testi-slider::before {
    left: 0;
    top: auto;
    bottom: 0;
  }

  .acourding-sec {
    padding: 4rem 0;
  }
  .web-design-img img {
    width: 73%;
  }

  .inner-banner {
    height: 600px;
  }

  .video-animation-img img {
    width: 65%;
}
.video-animation-img {
  right: -17rem;
}

.mobile-apps-bnr-img img {
  width: 60%;
}
.mobile-apps-bnr-img {
  right: -10rem;
}
.desktop-button a:last-child {
  display: none;
}
.web-design-img {
  right: -24rem !important;
}
.ecomerce-img{right: -20rem !important;}

.branding-img {
  right: -22rem;
}
.crm-img {
  right: -34rem !important;
}
.services_sec02 {
  height: 650px;
}
}
@media (max-width: 991px) {
  .servicesBannerSlider {
    margin-right: -3rem;
    margin-left: -30px;
  }
  .servicesBannerSlider .swiper-button-next,
  .servicesBannerSlider .swiper-button-prev {
    padding: 14px 21px;
  }
  .swiper-button-next:after,
  .swiper-button-prev:after {
    font-size: 16px;
  }
  .inner-banner {
    height: 500px;
  }
  html {
    font-size: 12px;
  }
  .serv_det p {
    padding-right: 0;
  }
  .tabs_services {
    padding: 0;
  }
  .banner-mockup-wrapp {
    display: none;
  }
  .banner-sec {
    text-align: center;
  }
  .main-cta::before,
  .main-cta::after {
    display: none;
  }
  .main-cta .col-md-8 {
    max-width: 100%;
    flex: 100%;
  }

  .portfolio-sec {
    padding: 90px 0px 30px;
  }
  .counter-ul {
    display: none;
  }
  .counter-number {
    padding: 2rem 0;
  }
  .web-design-img img {
    width: 42%;
  }
  .web-design-img {
    right: -19rem;
  }
  .content-area p {
    padding-right: 0;
    margin-bottom: 2rem;
  }

  .mobile-apps-bnr-img img {
    width: 66%;
  }
  .web-design-img img {
    width: 48%;
  }
  .web-design-img {
    right: -35rem;
    top: 13rem;
  }
  .desktop-menu .navbar {
    display: block;
    background-color: #0464d5;
  }
  .desktop-button {
    display: none;
  }
  .desktop-menu ul li {
    padding: 10px 5px 10px;
    border: 1px solid #ffffff5c;
    border-bottom: 0;
  }

  .branding-img img {
    width: 53%;
  }
  .iconicSec-slider .col-sm-3 {
    max-width: 100%;
    flex: 100%;
  }
  .tabNavStyle .nav-link {
    width: 50%;
    margin-bottom: 1rem;
}
.servList {
  gap: 1rem;
  margin-top: 2rem;
}
.servList li {
  flex: 0 0 calc(50% - 0.5rem);
}
.easeServices .servIo {
  width: 5rem;
}
.video-animation-img img {
  width: 50%;
}
.video-animation-img {
right: -30rem;
}
.serv_det p{    line-height: 25px;    font-size: 14px;}

.mobile-apps-bnr-img img {
  width: 57%;
}
.mobile-apps-bnr-img {
  right: -17rem;
  top: 10rem;
}
.web-design-img {
  right: -37rem !important;
}
.video-animation-img {
  right: -29rem;
  top: 6rem;
}
.branding-img {
  right: -27rem;
  top: 12rem;
}
.services_sec02{margin-bottom: 0;}
.services_sec02 {
  height: 550px;
}
.entry-box1 {
  width: 65%;
}
}
@media (max-width: 767px) {
  .inner-banner {
    height: 100%;
    padding: 12rem 0 5rem 0;
    text-align: center;
  }
  html {
    font-size: 12px;
  }
  .inner-banner .banner-content-wrapp h1 br {
    display: none;
  }
  .gridexpert {
    display: none;
  }
  .serv_det {
    margin-top: 2rem;
  }
  .servicesBannerSlider {
    margin-top: 2rem;
  }
  .tabs_list ul li + li {
    margin-top: 2px;
  }
  .we-want-secimg {
    display: none;
  }
  .we-want-img2 {
    margin-top: 6%;
    margin-left: 0;
    width: 100%;
  }
  .we-want-img3 {
    margin: 1rem 0 0 0;
    width: 100%;
  }
  .cta-btns {
    margin-top: 45px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
  }
  .cta-btns a {
    margin-bottom: 2rem;
  }
  .main-cta {
    padding: 60px 0;
  }
  .packages-sec .no-js .owl-carousel,
  .owl-carousel.owl-loaded {
    margin: auto;
  }
  .testi-slider::before {
    background-size: 70%;
  }
  #main #faq .card .card-header .btn-header-link {
    font-size: 15px;
  }
  #main #faq .card .card-header .btn-header-link {
    padding-bottom: 2.5rem;
  }
  .footer-form-wrapp .footer-fields-wrapp {
    margin-top: 30px;
  }
  .f-links-box.footer-step-form {
    margin: 2rem 0;
    text-align: left;
  }
  .footer-step-form input {
    width: 100%;
  }
  .footer-step-form h5 {
    margin-bottom: 0;
  }
  .sec-main-heading {
    font-size: 35px;
    margin-bottom: 2rem;
  }

  .port-content-wrapp p {
    padding: 0;
  }
  .banner-sec .container-fluid {
    padding: 0;
  }
  .web-design-img,
  .mobile-apps-bnr-img {
    display: none;
  }
  .tabNavStyle .nav-link {
    font-size: 1.125rem;
}
.servList {
  margin-top: 2rem;
}
.easeServices h4 {
  font-size: 1.25rem;
}
.services_sec02 {
  margin-bottom: 5rem;
}
.tabs_list ul li a:before{    top: 17px;}
.social-links-box {
  margin-bottom: 30px;
}
.entry-box1 {
  width: 95%;
}
}
@media (max-width: 414px) {
  .act-box1 {
    margin-bottom: 1rem;
  }
  .sec-main-heading {
    font-size: 25px;
    text-align: center;
  }
  .footer-form-content h3 {
    text-align: center;
  }
  .achieve-content-wrapper h2 {
    line-height: 30px;
    text-align: center;
    margin-bottom: 2rem;
  }
  .tabNavStyle .nav-link {
    width: 100%;
    margin-bottom: 1rem;
}
.servList li {
  flex: 0 0 100%;
}
.serv_det p {
  line-height: 21px;
}
}