/* ===================================================

   Archit. Media Queries

   TOC:
	01. screen width less than 1401px and more then 1040  ( Extra large Screen / Desktop )
	02. screen width more than 1200px and less then 1300  ( Mid large Screen / Desktop )
	03. screen width less than 1200px  ( large Screen / Notebook )
	04. screen width more than 767px  ( Tablets & Desktop Screen )
	05. screen width less than 992px  ( Medium Screen / Tablets )
	06. screen width less than 801px  ( Medium wide Screen / Small Tablets )
	07. screen width less than 768px  ( Medium Screen / Smaller Tablets )
	08. screen width less than 603px  ( Medium Screen / Mobile )
	09. screen width less than 600px  ( Medium Screen / Mobile )
	10. screen width less than 500px  ( Small Screen / Mobile )
	11. screen width less than 370px  ( Smaller Screen / Mobile )

====================================================== */

@media (max-width: 1440px) {}

/* screen width less than 1401px and more then 1040
------------------------------- */

@media (max-width: 1400px) and (min-width: 1040px) {}

/* screen width more than 1200px and less then 1300
---------------------------------------------------- */

@media (min-width: 1200px) and (max-width: 1300px) {}

/* screen width less than 1200px
------------------------------- */

@media (max-width: 1199px) {
  .icon-box-column {
    padding-top: 100px !important;
    padding-bottom: 100px !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
  }
}

/* screen width large than 991px
--------------------------------- */

@media (min-width: 992px) {}

/* screen width less than 992px
--------------------------------- */

@media (max-width: 991px) {
  a.footer-social__link span {
    display: none;
  }
  a.footer-social__link .icon {
    display: initial;
    font-size: 24px;
  }
  .footer-social__item::after {
    top: 6px;
  }
}

/* screen width less than 801px
------------------------------ */

@media (max-width: 800px) {
  .group-progress-bar {
    margin-top: 80px;
  }
  .mbt-resp {
    margin-bottom: 60px !important;
    margin-top: 60px !important;
  }
  .mb-resp {
    margin-bottom: 100px;
  }
  .mb-resp-30 {
    margin-bottom: 30px !important;
  }
  .mt-resp-60 {
    margin-top: 60px !important;
  }
  .mt-resp-60 {
    margin-top: 60px;
  }
  .md-none {
    display: none;
  }
  img.mb-resp-30 {
    margin-bottom: 0px !important;
  }
  .overlay-dark .icon-box-column {
    padding-top: 100px !important;
    padding-bottom: 100px !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
  }
  .overlay-light .icon-box-column {
    padding-top: 100px !important;
    padding-bottom: 100px !important;
    border-bottom: 1px solid rgba(28, 32, 37, 0.08);
  }
  section .page-title {
    padding-left: 0;
  }
  .item-pricing__2 {
    margin-left: 15px;
    margin-right: 15px;
  }
  .item-team {
    margin-left: 15px;
    margin-right: 15px;
  }
  .tab-content .tab-pane {
    padding: 60px 0 30px 0;
  }
  .overlay-dual-dark{
    background: #EAEDF6;
  }
  .overlay-dual-dark .icon-box-single.color-white *,
  .overlay-dual-dark .icon-box-single.color-white{
    color: #677180!important;
  }
  .overlay-dual-dark .icon-box-border{
    border: 1px solid rgba(28, 32, 37, 0.08)!important;
  }
  .overlay-dual-dark .icon-box-single.color-white * .icon-box-title,
  .overlay-dual-dark .icon-box-single.color-white .icon-box-title{
    color: #1C2025!important;
  }
}

/* screen width less than 768px
------------------------------ */

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

/* screen width less than 603px
------------------------------ */

@media (max-width: 603px) {}

/* screen width less than 600px
------------------------------ */

@media (max-width: 600px) {}

/* screen width less than 500px
------------------------------ */

@media (max-width: 500px) {
  .nav-item.mt-resp-60 {
    margin-top: 0 !important;
  }
  .nav-item a.nav-link {
    margin-left: 15px !important;
    margin-right: 15px !important;
  }
  .page-error h1 {
    font-size: 188px;
  }
  .footer-social {
    padding-top: 0;
  }
  a.footer-social__link .icon {
    display: initial;
    font-size: 16px;
  }
  .footer-social__item::after {
    top: 0;
  }
  .counter {
    margin-top: 30px;
  }
  footer h5 {
    margin-top: 30px;
    margin-bottom: 0;
  }
}

/* screen width less than 370px
------------------------------ */

@media (max-width: 370px) {}

}