/*================-------------------
                        min 1200px
                  -------------------====================*/
/*================-------------------
                        min 992px
                  -------------------====================*/
/*================-------------------
                        min 768px
                  -------------------====================*/
@media (min-width: 768px) {
  .service-info {
    max-width: 80%;
  }
}

/*================-------------------
                  min 992px and max 1199px
                  -------------------====================*/
@media (min-width: 992px) and (max-width: 1199px) {
  .service-info {
    max-width: 100%;
  }
}

/*================-------------------
                  min 768px and max 991
                  -------------------====================*/
@media (min-width: 768px) and (max-width: 991px) {
  .navbar-default .navbar-nav > li > a {
    padding-left: 9px;
    padding-right: 9px;
  }
  .project-slide .text-con {
    font-size: 30px;
  }
  .project-name {
    font-size: 60px;
  }
  .service-info {
    max-width: 100%;
  }
}

/*================-------------------
                  max 1199px
                  -------------------====================*/
@media (max-width: 1199px) {
  #footer {
    height: 425px;
  }
}

/*================-------------------
                        max 991px
                  -------------------====================*/
@media (max-width: 991px) {
  .img-container {
    position: relative;
    height: 400px;
    overflow: hidden;
  }
  .img-container img {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: auto;
  }
}

/*================-------------------
                        max 767px
                  -------------------====================*/
@media (max-width: 767px) {
  /* ----- ===== NAVBAR ===== ----- */
  .navbar-toggle {
    margin-top: 25px;
  }
  .navbar-default .navbar-nav {
    padding-top: 0;
    background-color: #fff;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > li > a {
    padding: 10px 15px;
  }
  .navbar-default .navbar-nav > li > a {
    padding-top: 15px;
    padding-bottom: 15px;
    border-bottom: 0;
  }
  .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:active, .navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:active:focus, .navbar-default .navbar-nav > li > a:active:hover {
    border-bottom: 0;
  }
  #about-us, #services {
    padding: 50px 0;
  }
  .service-container {
    padding: 25px;
  }
  .project-container .project-name:before, .project-container .project-name:after {
    width: 50px;
  }
  .project-container .project-name:before {
    left: -60px;
  }
  .project-container .project-name:after {
    right: -60px;
  }
  /* ----- ===== FOOTER ===== ----- */
  #footer {
    height: 480px;
  }
  #footer p {
    display: block;
    margin-right: 0;
  }

  .floating-buttons {
    right: 10px;
    bottom: 70px;
  }
     
  .floating-buttons a {
    display: block;
    width: 60px;
    height: 60px;
    line-height: 56px;
    border-radius: 50%;
  }
}

/*================-------------------
                        max 480px
                  -------------------====================*/
@media (max-width: 480px) {
  .col-2xs-12 {
    float: left;
    width: 100%;
  }
  .project-type {
    margin-bottom: 20px;
    font-size: 30px;
  }
  .project-name {
    font-size: 42px;
    line-height: 1.25;
  }
  .project-name:before, .project-name:after {
    width: 0;
  }
  .project-container .project-name:before, .project-container .project-name:after {
    width: 30px;
  }
  .project-container .project-name:before {
    left: -40px;
  }
  .project-container .project-name:after {
    right: -40px;
  }
  .section-banner .project-slide .text-con {
    padding: 100px 0px;
  }
  .project-slide .text-con {
    top: 85%;
    left: 50%;
  }
  .img-container {
    height: 300px;
  }
  .service-info {
    max-width: 100%;
  }
  #project-list .form-group {
    margin-bottom: 15px;
  }
  #project-list .form-group > label {
    display: block;
  }
  #project-list .form-control {
    width: 115px;
  }
  #footer {
    height: 500px;
  }
}

/*================-------------------
                        max 320px
                  -------------------====================*/
@media (max-width: 320px) {
  .navbar-brand {
    max-width: 240px;
  }
  .navbar-toggle {
    margin-top: 19px;
  }
  .project-type {
    margin-bottom: 20px;
    font-size: 24px;
  }
  .project-name {
    margin-bottom: 20px;
    font-size: 35px;
  }
  .project-name:before, .project-name:after {
    width: 0px;
  }
  .project-name:before {
    left: -45px;
  }
  .project-name:after {
    right: -45px;
  }
  .project-container {
    height: 195px;
  }
  .project-container .project-name {
    margin-bottom: 10px;
    font-size: 24px;
  }
  .project-container .project-name:before, .project-container .project-name:after {
    width: 35px;
  }
  .project-container .project-name:before {
    left: -45px;
  }
  .project-container .project-name:after {
    right: -45px;
  }
  .section-banner .form-group {
    margin-right: 0;
  }
  #project-list .form-control {
    width: 95px;
  }
  #project-list .form-control .dropdown-menu {
    left: auto;
    right: 0;
  }
}

/*# sourceMappingURL=responsive.css.map */