@media screen and (max-width: 1600px) {
}

@media (max-width: 1440px) {
  html {
    font-size: 15px;
  }
  .talk-button {
    width: 50%;
    height: 40%;
    left: -22%;
  }
  .banerimg3 {
    top: -13%;
    right: 3%;
    width: 46%;
  }
  .right-ring {
    right: -6%;
  }
  .counter-sec .offset-2 {
    margin-left: 10.666667%;
  }
  .blogtext {
    height: 385px;
  }
  .blogcontent a {
    margin-top: 5rem;
  }
  .button-line {
    width: 36%;
  }
  .ecommpage .blogs-wrpaer figure{
    width: 90%;
    margin: auto;
  }.ecommpage .blogtext {
    height: 400px;
    padding: 3rem 3rem;
}
.ecommpagewrpr .col-md-4 {
  margin-bottom: 2rem;
}
}

@media (min-width: 1200px) {
  .container {
    max-width: 1600px;
  }
}
@media (max-width: 1280px) {
  html {
    font-size: 14px;
  }
  .counter-sec .offset-2 {
    margin-left: 6.666667%;
  }
  .blogtext {
    height: 335px;
    padding: 3rem 1rem;
  }
  .stars h3 {
    font-size: 16px;
  }
  .main-footer .container {
    width: 1140px;
  }
  .button-line {
    width: 40%;
  }
  .blogs-sec2 .col-md-10 {
    flex:100%;
    max-width:100%;
  }
  .footer-form button{
    width: 130px;
  }
  .ecommpage .blogtext {
    height: 365px;
}
}

@media (max-width: 1120px) {
  html {
    font-size: 13px;
  }
  .we-are-hdg{
    padding-left: 0;
  }
  .right-ring {
    right: -11%;
}
.our-work-slider .col-md-3{
  flex: 100%;
  max-width: 100%;
}
.our-capabilites .owl-stage-outer{
  padding: 3rem 0;
}
.our-box{
  height: 300px;
}
.counter-sec .offset-2 {
  margin-left: 0;
}
.counter-sec::before{
  width: 88%;
}
.blogtext{
  padding: 3rem 4rem;
}
.blogs-wrpaer img{
  border-radius: 0;
}
.clinets-sec .owl-theme .owl-nav.disabled+.owl-dots{
  margin-top: 3rem;
}
.cta-sec .col-md-8,.textimonals-sec .col-md-10,.proces-slider .col-md-4,.empower-your-slider .col-md-4{
  max-width: 100%;
  flex: 100%;
}
.button-line {
  width: 38%;
}
.stars h3 {
  font-size: 15px;
}
.blogs-sec2 .owl-stage-outer{
  padding: 3rem 0;
}
.ecommpage .blogtext {
  height: 300px;
  padding: 3rem 1rem;
}
}

@media (max-width: 992px) {
  .navbar-light .navbar-toggler{
   background-color: #070708;
   color: #fff;
  }
  .book-cover-size .owl-carousel .owl-item img {
    margin: initial;
  }
  .top-nav {
    display: block;
  }
  .offcanvas-header {
    display: block;
  }

  .mobile-offcanvas {
    visibility: hidden;
    transform: translateX(100%);
    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: #fff !important;
  }

  html:lang(ar) .mobile-offcanvas {
    transform: translateX(100%);
  }

  .mobile-offcanvas.show {
    visibility: visible;
    transform: translateX(0);
    transition: 1s;
  }

  .nav-cont {
    display: block !important;
    padding-right: auto !important;
    padding-left: auto !important;
  }

  .navbar2 {
    box-shadow: 0px 3px 17px #00000047;
  }
  #navbar_main {
    box-shadow: 0px 3px 17px #00000047;
  }
  .dropdown-menu {
    border: none;
  }
  .main-header .nav-item {
    border-bottom: 1px solid #eaeaea;
  }
  .main-header .navbar-nav {
    display: inline-block;
    margin: 3rem;
  }
  .main-header .navbar-nav .nav-link {
    padding: 12px 2rem;
    font-size: 1.4rem;
  }
  .header-button {
    margin-left: 0;
    padding: 0rem 6rem;
    margin-top: 2rem;
  }
  html{
    font-size: 12px;
  }
  .main-banenr h1{
    font-size: 4rem;
  }
  .main-banenr p,.talk-button h4{font-size: 16px;}
  .owl-carousel{margin: auto;}
  .counter-sec::before {
    width: 100%;
}
.contect-buttons img {
  width: 28%;
}
:is(.talk-details li :is(a,p)){
  font-size: 12px;
}
}

@media (max-width: 768px) {
  html{
    font-size: 11px;
  }
  .talk-button{
    width: 60%;
    height: 120px;
    left: 0;
    position: relative;
    margin: 3rem auto;
  }
  .banerimg3 {
    top: 13rem;
    right: 1%;
    width: 46%;
}
.stars {
  text-align: center;
}
.contect-buttons img {
  width: 15%;
}
.contect-buttons {
  text-align: center;
}
.blogs-wrpaer{
  margin: 2rem 0;
}
.blog-sec .owl-theme .owl-nav.disabled+.owl-dots{text-align: center;}
.ecommpage .blogs-wrpaer figure {
  width: 100%;
}
.ecommpage .blogs-wrpaer img {
  width: 100%;
}
.ecommpage .blogtext {
  height: 537px;
}
.mainservicespage .textimonals-sec .container{padding: 5rem 2rem;}
}


@media screen and (max-width: 767px) {
  
}

@media (max-width: 575px) {
  .what-hdg h3{font-size: 2rem;}
  .ecommpage .blogtext {
    height: 480px;
}
.main-footer .container {
  width: 100%;
}
.main-banenr img{
  margin-top: 2rem;
}
}

@media screen and (max-width: 414px) {
  .ecommpage .blogtext {
    height: 360px;
}
}