@media screen and (max-width: 1680px) {
} /*max-width:1680px*/
@media screen and (max-width: 1440px) {
  .single-about-img img {
    max-width: 100%;
  }
  .single-about-img:before,
  .about-list-icon {
    width: 100%;
  }
} /*max-width:1440px*/

@media screen and (max-width: 1199px) {
  nav.navbar.bootsnav ul.nav > li > a {
    padding: 35px 8px;
  }

  .welcome-hero {
    height: 768px;
  }

  .timeline-content span > i,
  .experience-time span > i {
    left: -16%;
  }
} /*max-width:1199px*/

@media screen and (max-width: 1024px) {
} /*max-width:1024px*/

@media screen and (max-width: 1008px) {
  nav.navbar.bootsnav ul.nav > li.dropdown span.megamenu-title {
    display: block;
    color: #43465d;
    font-size: 18px;
  }
  nav.navbar.bootsnav
    ul.dropdown-menu.megamenu-content
    .content
    ul.menu-col
    li
    .megamenu-sub-title
    a {
    margin-top: 20px;
    font-size: 14px;
  }
  nav.navbar.bootsnav
    ul.dropdown-menu.megamenu-content
    .content
    ul.menu-col
    li
    .megamenu-sub-txt
    a {
    margin-bottom: 15px;
  }
} /*max-width:1008px*/

@media screen and (max-width: 992px) {
  nav.navbar.bootsnav .navbar-collapse.collapse.in {
    padding-bottom: 30px;
  }
  nav.navbar.bootsnav .navbar-toggle {
    display: inline-block;
    float: right;
    margin-right: 0;
    margin-top: 21px;
  }
  nav.navbar.bootsnav .navbar-brand {
    float: left !important;
  }
  nav.navbar.bootsnav ul.nav > li > a {
    padding: 15px 10px;
    border: transparent;
  }
} /*max-width:992px*/

@media screen and (max-width: 991px) {
  .experience-time-responsive {
    display: block;
  }
  .experience-time-main {
    display: none;
  }
  .experience-time,
  .timeline-content {
    text-align: left;
    margin-bottom: 20px;
    margin-left: 40px;
  }
  .timeline-content span > i {
    left: 0%;
    top: -54%;
  }
  .experience-time span > i {
    left: -3%;
    top: 6%;
  }
  .main-timeline:before {
    left: 0.4%;
  }

  .single-horizontal-timeline .experience-time,
  .single-horizontal-timeline .timeline-content {
    margin: 0;
  }
} /*max-width:991px*/

@media screen and (max-width: 785px) {
  .services-content .single-service {
    border: 1px solid #888ea5;
    padding: 10px;
  }
} /*max-width:785px*/

@media screen and (max-width: 767px) {
  .single-about-img {
    max-width: 90%;
  }
  .experience-time span > i,
  .timeline-content span > i,
  .main-timeline:before {
    display: none;
  }
  .experience-time,
  .timeline-content {
    margin-left: 0;
  }

  .isotope .item {
    max-width: 350px;
    margin: 0 auto 30px;
  }

  .single-service {
    max-width: 350px;
    margin: 30px auto;
    border: 0;
  }
  .service-border {
    border: 0;
  }

  .single-horizontal-timeline {
    max-width: 350px;
    margin: 30px auto;
  }
} /*max-width:767px*/

@media screen and (max-width: 675px) {
  .services-content .col-sm-3 {
    flex-basis: 100%;
  }
} /*max-width:675px*/

@media screen and (max-width: 640px) {
} /*max-width:640px*/

@media screen and (max-width: 580px) {
} /*max-width:580px*/

@media screen and (max-width: 540px) {
  .subscribe-title h2 {
    font-size: 24px;
  }
  .item .isotope-overlay .descriptionProject a {
    font-size: 13px;
    border-radius: 7px;
    width: 119px;
  }
  .isotope-overlay .descriptionProject .btns {
    width: 100%;
    gap: 5px;
    justify-content: center;
  }
  .portfolio .isotope .item .title {
    width: 97%;
    height: 70px;
  }
  .item .isotope-overlay .descriptionProject h2 {
    width: 100%;
    height: 65px;
    margin-left: -11px;
  }
} /*max-width:540px*/

@media screen and (max-width: 480px) {
  .welcome-hero {
    align-items: start;
    padding-top: 60px;
  }
  .header-text h2 {
    text-align: center;
    font-size: 6rem;
  }
  .header-text a {
    float: none;
  }
  .isotope .row {
    max-width: 95%;
  }
  .isotope .item {
    height: 50rem;
  }
  #scroll-Top .return-to-top {
    right: 28px;
  }
} /*max-width:480px*/

@media screen and (max-width: 440px) {
} /*max-width:400px*/

@media screen and (max-width: 360px) {
  .isotope-overlay .descriptionProject p {
    font-size: 12px;
  }
  .portfolio .isotope .item .title,
  .item .isotope-overlay .descriptionProject h2 {
    height: 66px;
    line-height: 4;
    font-size: large;
    width: 230px;
  }
  .isotope-overlay .descriptionProject .btns {
    width: 233px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
  .item .isotope-overlay .descriptionProject a {
    font-size: 14px;
    margin-top: 10px;
    width: 80%;
  }
} /*max-width:360px*/

@media screen and (max-width: 320px) {
} /*max-width:320px*/