@media screen and (max-width: 1600px) {
    html {
      font-size: 14px;
    }
    .test-box {
      height: 500px;
    }
    .thanyou-banner {
      padding-top: 15rem;
    }
    .mobilebnr-img,
    .seoinr-bnrimg {
      right: 6%;
    }
    .innerpagesslider .items img {
      max-width: 80% !important;
    }
  }
  @media (max-width: 1440px) {
    html {
      font-size: 13px;
    }
    .banner-images {
      right: -10%;
    }
    .baner-hdg h1 {
      height: 285px;
      font-size: 50px;
    }
    .our-services .tab-content {
      padding-right: 0;
    }
    .inner-banr p {
      padding-right: 10%;
    }
    .inner-banr .owl-theme .owl-dots .owl-dot span {
      margin-bottom: 10px;
    }
    .main-banner {
      padding: 14rem 0 8rem;
    }
    .digitalmrt {
      right: 0;
    }
    .ecommercebnrimg {
      right: 0 !important;
    }
  }
  @media (min-width: 1200px) {
    .container {
      max-width: 1170px;
    }
  }
  @media (max-width: 1280px) {
    .top-nav {
      width: 100%;
      padding: 0 15px;
    }
    .our-services .container-fluid {
      padding-left: 2%;
    }
    .header-button {
      padding: 0 12px;
  }
  }
  @media (max-width: 1120px) {
    html {
      font-size: 12px;
    }
    .banner-images {
      right: -65px;
    }
    .aobut-img1 {
      margin-top: 15.5rem;
      margin-left: 2rem;
    }
    .portfolio-responsive-slider .col-md-4 {
      flex: 100%;
      max-width: 100%;
    }
    .itemscount {
      width: 100%;
    }
    .thanyou-banner {
      height: 330px;
    }
  }
  @media (max-width: 991px) {
    .mobile-offcanvas,
    html:lang(ar) .mobile-offcanvas {
      transform: translateX(100%);
    }
    .cross,
    .section-heading h3 {
      font-size: 3rem;
    }
    .cust-nav-tabs .nav-item,
    .our-services .tab-content {
      margin-top: 2rem;
    }
    .testimonials-sec .owl-theme .owl-nav {
      display: none !important;
    }
    .owl-theme .owl-dots .owl-dot {
      font-size: 0;
    }
    p {
      font-size: 14px;
    }
    .nav-tabs.cust-nav-tabs .nav-link {
      font-size: 1.4rem;
    }
    .banner-images,
    .inr-bnrimg,
    .left-image,
    .marketinginr-bnrimg,
    .navbar-light .nav-item.active::after,
    .navbar-light .nav-item.active::before,
    .right-image,
    .seoinr-bnrimg,
    .top-nav {
      display: none;
    }
    .book-cover-size .owl-carousel .owl-item img {
      margin: initial;
    }
    .no-js .owl-carousel,
    .owl-carousel.owl-loaded {
      margin: auto;
    }
    .offcanvas-header,
    .top-nav {
      display: block;
    }
    .mobile-offcanvas {
      visibility: hidden;
      border-radius: 0;
      display: block;
      position: fixed;
      top: 0;
      left: auto;
      right: 0;
      height: 100%;
      z-index: 1200;
      width: 80%;
      overflow-y: scroll;
      overflow-x: hidden;
      transition: 1s;
      background-color: #002768;
    }
    .mobile-offcanvas.show {
      visibility: visible;
      transform: translateX(0);
      transition: 1s;
    }
    .nav-cont {
      display: block !important;
      padding-right: auto !important;
      padding-left: auto !important;
    }
    #navbar_main {
      box-shadow: 0 3px 17px #00000047;
    }
    .dropdown-menu {
      border: none;
    }
    .main-header .nav-item {
      border-bottom: 1px solid #eaeaea;
    }
    .main-header .navbar-nav {
      display: inline-block;
      margin: 1rem 3rem;
    }
    .main-header .navbar-nav .nav-link {
      padding: 20px 2rem;
      font-size: 1.4rem;
    }
    .cross {
      color: #fff;
      width: 40px;
      display: block;
      height: 40px;
    }
    .main-header .header-button {
      margin-left: 0 !important;
      margin-top: 2rem;
    }
    .main-header {
      padding-top: 0 !important;
    }
    .main-header .navbar-toggler {
      font-size: 2.5rem;
    }
    .main-banner .col-md-8 {
      flex: 100%;
      max-width: 100%;
    }
    .navbar-light .navbar-toggler {
      border-color: #fff;
    }
    .responsive-header {
      width: 100%;
      display: flex;
      justify-content: space-between;
      align-items: center;
      padding: 1rem 2rem 0;
    }
    .top-nav .dropdown-item {
      font-size: 1.5rem;
      padding: 10px 1.5rem;
    }
  }
  @media screen and (max-width: 767px) {
    .contact-box,
    .section-heading,
    .social-icon {
      margin-bottom: 2rem;
    }
    .baner-hdg h1,
    .copyright li p,
    .our-services,
    .section-heading {
      text-align: center;
    }
    .copyright li,
    .copyright li a {
      font-size: 12px;
    }
    .copyright li p {
      margin-bottom: 1rem;
    }
    .copyright ul {
      justify-content: center;
      flex-wrap: wrap;
    }
    .top-header {
      padding: 10px 0;
    }
    .top-header a {
      font-size: 0;
    }
    .top-header a img {
      margin-right: 0;
    }
    .top-header .col-md-4 {
      max-width: 33.3%;
    }
    .nav-tabs {
      justify-content: center;
    }
    .inr-bnrimg,
    .navbar-light .nav-item.active::after,
    .navbar-light .nav-item.active::before {
      display: none;
    }
    .entry-box button {
      font-size: 24px;
    }
    .baner-hdg h1 {
      font-size: 4rem;
      height: 215px;
    }
    .aobut-img1 {
      margin-left: 9rem;
    }
    .about-img {
      margin-top: 3rem;
    }
    .our-services .d-block.ml-auto {
      margin: 3rem auto;
    }
    .contact-box a {
      font-size: 1.3rem;
    }
    .contact-us-sec .col-md-4 {
      text-align: left !important;
    }
    .address-map h4,
    .contact-us-sec .mt-5,
    .contact-us-sec .pt-5 {
      margin-top: 1rem !important;
      padding-top: 1rem !important;
    }
    .thanyou-banner {
      height: 290px;
      padding-top: 13rem;
    }
  }
  @media (max-width: 575px) {
    .aobut-img1 {
      margin-left: 3rem;
    }
    .ctasec2 .banner-btns {
      text-align: center;
    }
    .baner-hdg h1 {
      font-size: 3.5rem;
      height: 215px;
    }
    .img-none img {
      display: none !important;
    }
    .why-choose-btn {
      padding: 11px 31px;
      margin-top: 3%;
      margin-bottom: 12%;
      font-size: 1.2rem;
      border: 1px solid;
      border-radius: 12px;
    }
  }
  @media screen and (max-width: 415px) {
    .sciol-plateform {
      gap: 50px;
    }
    .navbar-toggler {
      font-size: 1.5rem;
    }
    .baner-hdg h1 {
      font-size: 3rem;
      height: 175px;
    }
    .defult-btn {
      padding: 0 20px;
    }
    .thanyou-banner {
      height: 250px;
    }
  }