/*================= Hi-res laptops and desktops================= */
@media (min-width: 1170px) and (max-width: 1281px) {}

/*================ Normal desktop :992px.==================== */
@media (min-width: 992px) and (max-width: 1169px) {
  .container {
    width: 960px
  }

  .bizes-nav .menu li {
    padding: 0 8px;
  }

  /*Menu*/
  .header-area.style-2 ul>li:hover {
    background-color: transparent;
  }

  /*Slider*/
  .single-slide {
    min-height: 510px;
  }

  .slide-content {
    top: 44%;
  }

  .single-slide-content>p {
    padding: 0 100px;
  }

  .owl-dots {
    bottom: -20px;
  }

  .slider-area.style-1 .owl-dots {
    bottom: -90px;
  }

  /*About Tab*/
  .bizes-tab li {
    width: 33.04%;
  }

  .bizes-tab-content {
    padding: 20px;
  }

  .bizes-tab-content>p {
    margin-bottom: 20px;
  }

  /*Contact*/
  .contact-left {
    padding-right: 40px;
  }

}

/*================ Tablet desktop :768px.==================*/
@media (min-width: 768px) and (max-width: 991px) {
  .container {
    width: 740px
  }

  /*Logo*/
  .header-area.style-3 .logo h2 {
    padding-top: 8px;
  }

  .header-area.style-3 .mean-container .mean-bar {
    margin-top: 15px;
    margin-bottom: 8px;
  }

  .header-area.style-2 .mobile-menu-area .mean-nav {
    top: 78px;
  }

  /*Mobile Menu*/
  .header-area.style-2 ul>li:hover {
    background-color: transparent;
  }

  .mobile-menu-area .mean-nav {
    top: 132px;
  }

  .scroll-header .mobile-menu-area .mean-nav {
    top: 118px;
  }

  .scroll-header .logo h2 {
    padding-top: 14px;
  }

  /*Slider*/
  .single-slide {
    min-height: 510px;
  }

  .slide-content {
    top: 44%;
  }

  .single-slide-content>p {
    padding: 0 95px;
  }

  .owl-dots {
    bottom: -20px;
  }

  .slider-area.style-1 .owl-dots {
    bottom: -90px;
  }

  /*Latest Work*/
  .service-menu button {
    margin-right: 10px;
  }

  /*Blog*/
  .post-thumbnail img {
    width: 100%;
  }

  .single-news-wrap .entry-header h4 {
    line-height: 28px;
  }

  .author-text>p {
    padding-right: 10px;
  }

  /*Promo Area*/
  .promo-area .col-sm-12.col-md-3 {
    text-align: center;
    margin: 15px 0 0 0;
  }

  /*Testimonial*/
  .client-details {
    padding: 0 20px;
  }

  /*Footer*/
  ul.social-links {
    margin-bottom: 100px;
  }
}

/*================== small mobile :320px. ===================*/
@media (max-width: 767px) {
  .container {
    width: 330px
  }

  /*Header*/
  .header-top p {
    font-size: 12px;
  }

  .header-top p::before {
    height: 12px;
    top: 7px;
  }

  .top-social {
    float: none;
    padding: 5px 0 10px;
    text-align: center;
  }

  .top-contact-menu {
    display: none;
  }

  .header-area.style-3 .mean-container .mean-bar {
    margin-top: 20px;
    margin-bottom: 8px;
  }

  /*Bradecome*/
  .banner-content {
    top: 100px;
  }

  .breadcrumbs {
    top: 110px;
  }

  .breadcrumbs li {
    font-size: 14px;
  }

  .page-title {
    font-size: 19px;
    line-height: 24px;
    margin-bottom: 0;
    text-align: center;
  }

  .breadcrumbs {
    text-align: center;
  }

  /*Mobile Menu*/
  .header-area.style-2 ul>li:hover {
    background-color: transparent;
  }

  .mobile-menu-area .mean-nav {
    top: 146px;
  }

  .scroll-header .mobile-menu-area .mean-nav {
    top: 132px;
  }

  /*Slider*/
  .single-slide {
    min-height: 500px;
  }

  .slide-controls .owl-nav div {
    display: none;
  }

  .slide-content {
    top: 40%;
  }

  .header-area.style-2 .mobile-menu-area .mean-nav {
    top: 78px;
  }

  .slider-area.style-2 .btn.btn-bizes,
  .slider-area .btn.btn-bizes {
    margin-right: 0;
  }

  .slider-area.style-2 .single-slide-content h1 {
    padding: 5px 10px;
    font-size: 24px;
    display: block;
  }

  .slider-area.style-2 .single-slide-content>p {
    padding: 5px 15px;
    width: 100%;
    font-size: 15px;
  }

  /* .slider-area.style-3 .single-slide-content {  display: none;} */
  .single-slide-content h1 {
    font-size: 28px;
    margin-bottom: 5px;
  }

  .owl-dots,
  .slider-area.style-3 .btn.eff-2 {
    display: none;
  }

  .slider-area.style-3 .slide-content {
    top: 38%;
  }

  .slide-content-area .btn.btn-bizes {
    border: 1px solid #1da1f2;
    padding: 12px 22px;
  }

  /*About Us*/
  .bizes-tab li {
    margin-bottom: 5px;
    margin-right: 2px;
    top: 10px;
    width: 100%;
  }

  .bizes-tab .nav.nav-tabs a {
    font-size: 13px;
    margin-right: 0;
  }

  .single-fact .icon {
    line-height: 32px;
    margin-bottom: 10px;
  }

  .single-fact .icon {
    font-size: 28px;
  }

  .single-fact .fact-info span.counter {
    font-size: 28px;
    line-height: 42px;
  }

  .single-fact .fact-info span {
    font-size: 14px;
  }

  /*Latest Work*/
  .service-menu button {
    margin-bottom: 25px;
    margin-right: 10px;
    padding: 5px 15px;
  }

  .filter-menu button {
    margin: 0 0 10px;
  }

  /*Contact*/
  .contact-wrap {
    padding: 65px 0;
  }

  .contact-left {
    padding-right: 0;
  }

  .half-field,
  .half-field-last {
    float: none;
    width: 100%;
  }

  /*Blog*/
  .single-news-wrap .entry-header h4 {
    line-height: 28px;
  }

  .single-news-wrap .entry-content {
    margin-left: 0;
  }

  .single-news-wrap .entry-content>p,
  .author-text>p,
  .comment-form-area {
    padding-right: 0;
  }

  .comment-form-area {
    margin-bottom: 45px;
  }

  .widget.widget-tags {
    margin-bottom: -5px;
  }

  /*Promo Area*/
  .promo-area h5 {
    line-height: 28px;
    margin: 0 0 15px;
    padding-left: 0;
  }

  /*Testimonial*/
  .client-details {
    padding: 0 15px;
  }

  /*Footer*/
  h4.widget-title {
    margin-bottom: 15px;
  }

  ul.social-links {
    margin-bottom: 100px;
  }

  .widget.contact-widget>ul {
    margin: 0 0 35px;
  }

  .widget.widget-link>ul {
    margin: 0 20px 180px 0;
  }

}

/* ======================Large Mobile :480px.================== */
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .container {
    width: 450px
  }

  .mobile-menu-area .mean-nav {
    top: 136px;
  }

  .scroll-header .mobile-menu-area .mean-nav {
    top: 132px;
  }

  .top-social ul li a {
    padding: 10px 8px;
  }

  .logo h2 {
    padding-top: 13px !important;
  }

  /*Blog*/
  .post-thumbnail img {
    width: 100%;
  }

}