@media only screen and (min-width: 1610px) and (max-width: 1900px){

}


@media only screen and (min-width: 1400px) and (max-width: 1610px){


}



@media only screen and (min-width: 1200px) and (max-width: 1400px) {

  .section-title h2 {
    font-size: 64px;
  }

  .hero-info h1 {
    font-size: 70px;
  }

  .hero-info.hero-info-two h1 {
    font-size: 70px;
    line-height: 1.2;
  }
  
  .hero-info.hero-info-two h1 span {
    font-size: 100px;
  }

  .sale-tab-wrap .nav-link {
    font-size: 20px;
  }

  .price-wrap .price-content h2 {
    font-size: 68px;
  }

  .hero-area.hero-area-three .hero-time-overlay {
    max-width: 357px;
  }
  
}


/* Medium Layout: 1280px. */
@media only screen and (min-width: 992px) and (max-width: 1200px) { 
 
  .section-title h2 {
    font-size: 58px;
  }

  .hero-info h1 {
    font-size: 60px;
  }

  .hero-info.hero-info-two h1 {
    font-size: 60px;
    line-height: 1.2;
  }
  
  .hero-info.hero-info-two h1 span {
    font-size: 90px;
  }

  .count-box h2 {
    font-size: 65px;
  }

  .sale-tab-wrap .nav-link {
    font-size: 18px;
  }

  .hero-bottom-img {
    margin-top: -96px;
  }

  .hero-area.hero-area-two {
    padding: 190px 0 227px;
  }

  .digital-service-wrap .single-digital-service h2 {
    font-size: 35px;
  }

  .digital-service-wrap .single-digital-service p {
    font-size: 18px;
  }

  .count-box.count-box-three:not(:last-child) {
    margin-right: 70px;
  }

  .count-box.count-box-three h2 {
    font-size: 65px;
  }

  .faq-wrap.design-three .accordion-button {
    font-size: 40px;
  }

  .hero-area.hero-area-three .hero-time-overlay {
    max-width: 288px;
  }

}

/* Medium Layout: 1280px. end */




/* Tablet Layout: 768px. */
@media only screen and (min-width: 768px) and (max-width: 991px) { 

  .sale-tab-wrap .nav-link {
    font-size: 16px;
  }

}
/* Tablet Layout: 768px. end */





/* Mobile Layout: 320px. */
@media only screen and (max-width: 767px) { 

.mobile-mt-60 {
  margin-top: 60px;
}

.mobile-mt-24 {
  margin-top: 24px;
}

.sale-tab-wrap ul {
  border-bottom: unset;
  padding-bottom: 0;
  flex-wrap: wrap;
  flex-direction: column;
  margin-bottom: 15px;
}

.sale-tab-wrap ul li{
  border-bottom: 2px solid #EAEDF0;
}

.sale-tab-wrap ul li:not(:last-child){
  margin-bottom: 16px;
}

.sale-tab-wrap .nav-pills .nav-link.active::before, .sale-tab-wrap .nav-pills .show > .nav-link::before {
  bottom: -2px;
  height: 2px;
}

.count-box.count-box-two h2 {
  justify-content: center;
}


.count-box.count-box-two{
  margin-bottom: 24px;
}

.subscribe-form input::placeholder {
  font-size: 13px;
}

.blog-wrap .blog-info h2 {
  font-size: 20px;
}


}


/* Mobile Layout: 320px. end */






/* Wide Mobile Layout: 480px. */
@media only screen and (min-width: 576px) and (max-width: 767px) { 



}
/* Wide Mobile Layout: 480px. end */






/* Tablet & Mobile Layout: 768px. */
@media only screen and (max-width: 991px) {

.mobt-35 {
  margin-top: 35px;
}

.mobt-24 {
  margin-top: 24px;
}


.mt-120 {
  margin-top: 60px;
}

.mb-120 {
  margin-bottom: 60px;
}

.mt-60 {
  margin-top: 30px;
}


.mb-96 {
  margin-bottom: 36px;
}

.pt-120 {
  padding-top: 60px;
}

.pb-120 {
  padding-bottom: 60px;
}

.pt-60 {
  padding-top: 30px;
}

.pt-96 {
  padding-top: 36px;
}

.pb-60 {
  padding-bottom: 30px;
}

.pb-96 {
  padding-bottom: 36px;
}




/* menu */
.main-menu-wrap li {
    margin: 0;
    padding: 0;
}

.main-menu-wrap li.has-child-menu .sub-menu .has-child-menu .sub-menu {
  position: relative;
  top: unset;
  left: unset;
}

.main-menu-wrap li.has-child-menu:hover > .sub-menu {
  transform: unset;
  opacity: unset;
  visibility: unset;
}

.main-menu-wrap li.has-child-menu .sub-menu li a {
  padding: 1em 10%;
}

.main-menu-wrap li.has-child-menu .sub-menu {
  position: relative;
  top: unset;
  min-width: unset;
  list-style: none;
  transform: unset;
  opacity: 1;
  visibility: visible;
  transition: unset;
  background: unset;
  box-shadow: unset;
  border-radius: unset;
  border: unset;
  padding: 0;
}

.main-menu-wrap li.has-child-menu::before {
  display: none;
}

.mean-container .mean-nav {
  position: relative;
  margin-top: 55px;
}

.mean-container .mean-nav > ul {
  height: 100%;
  overflow-y: auto;
}

.mean-container .mean-bar {
  position: absolute;
  background: transparent;
  padding: 0px 0;
  min-height: 0px;
  z-index: 2;
  top: -9px;
  right: 0;
}

.mean-container a.meanmenu-reveal {
  right: 12px !important;
  color: #fff;
  font-weight: 400;
  background: #F44730;
  border-radius: 50%;
  top: 2px;
}

.mean-container a.meanmenu-reveal span {
  background: #fff;
}

.mean-container .mean-nav ul li a.mean-expand {
  height: 33px;
  border-left: unset !important;
  border-bottom: unset !important;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 27px !important;
  font-weight: 200;
  background: none;
}

.mean-container .mean-nav ul li a.mean-expand:hover {
  background: none;
}

.main-menu-wrap li.has-child-menu .sub-menu li a{
  color: #ffffffeb;
  font-size: 14px;
}


.section-title-two h2 {
  font-size: 50px;
  letter-spacing: 1px;
}

.hover-item-image{
  display: none;
}


/* Menu button */

.meanmenu-reveal ~ .mean-nav .menu-btn-wrap {
  display: none;
}

.meanmenu-reveal.meanclose ~ .mean-nav .menu-btn-wrap {
  display: block;
}

/* Menu button End */

/* menu End */

.back-to-top-btn {
  bottom: 7px;
  right: 10px;
  height: 30px;
  width: 30px;
  line-height: 29px;
}

body {
  font-size: 16px;
}

h2, .h2 {
  font-size: 20px;
}

.section-title h2 {
  font-size: 45px;
}

.section-title .section-info {
  margin-top: 16px;
}

.faq-wrap.design-two .accordion {
  grid-template-columns: repeat(1, 1fr);
  grid-row-gap: 24px;
}

.faq-wrap .accordion-button {
  font-size: 18px;
}

.count-box h2 {
  font-size: 50px;
}

.hero-info{
  text-align: center;
}

.hero-info h1 {
  font-size: 50px;
}

.hero-info.hero-info-two h1 {
  font-size: 50px;
  line-height: 1.2;
}

.hero-info.hero-info-two h1 span {
  font-size: 70px;
}

.hero-img-wrap {
    justify-content: center;
}

.hero-img-wrap img,  .download-img-wrap img{
    max-width: 450px;
    width: 100%;
}

.hero-area {
  padding: 120px 0 60px;
}

.hero-area.hero-area-two {
  padding: 140px 0 80px;
}

.footer-area {
  padding: 60px 0 0;
}

.footer-widget {
  margin-bottom: 40px;
}

.pricing-plan-toggle span {
  font-size: 13px;
}

.price-wrap .price-content h2 {
  font-size: 45px;
}

.price-wrap .price-list ul li {
  font-size: 15px;
}

.hero-bottom-img {
  margin-top: -25px;
}

.menu-area-two .login-btn {
  color: #fff;
}

.digital-service-wrap .single-digital-service h2 {
  font-size: 30px;
}

.digital-service-wrap .single-digital-service {
  flex-flow: column;
  align-items: center;
  justify-content: center;
}

.digital-service-wrap .single-digital-service p {
  margin:20px 0;
  text-align: center;
}

.digital-service-wrap .single-digital-service h2 {
  text-align: center;
}

.digital-service-wrap .single-digital-service {
  padding: 40px 0;
}

.count-box.count-box-three:not(:last-child) {
  margin-right: 40px;
}

.count-box.count-box-three h2 {
  font-size: 55px;
}

.faq-wrap.design-three .accordion-button {
  font-size: 35px;
}

.hero-area.hero-area-three {
  padding: 110px 0 60px;
}

.menu-mobile-bg-color{
  background-color: #121212;
}


}

