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

@media only screen and (max-width: 1280px) {
  .progress-bar-filled,
  .progress-bar-filled-2 {
    animation-name: fill-3;
  }
  .banner {
    background-position: center center;
  }
  .form-sec {
    width: 80%;
  }
}
@media (max-width: 1240px) {
  .copy-social {
    justify-content: center;
  }
  .foot-logo {
    display: flex;
    justify-content: center;
  }
}
@media only screen and (max-width: 1200px) {
  .form-sec {
    width: 100%;
  }
}
@media only screen and (max-width: 1099px) {
  .reviews .item {
    height: 360px;
  }
}
@media only screen and (max-width: 991px) {
  .ourArmySec ul.category-list li {
    width: 20%;
  }
  .bookBox {
    padding: 1.5rem 1.5rem;
    height: 400px;
  }
  .cta-1-2 ul li {
    flex: 100%;
  }
  .foot .info h3 {
    margin-top: 20px;
  }
  .review-image {
    width: 130px !important;
  }
  .reviews .item {
    height: 440px;
  }
  .review-ul {
    justify-content: center;
  }
  .banner {
    padding: 100px 0px 150px;
  }
  .foo_box {
    padding: 50px 10px;
  }
}
@media (max-width: 838px) {
  .banner {
    padding: 100px 0px 20px;
    display: block;
    height: auto;
  }
  .form-sec {
    position: relative;
    transform: none;
    left: 0;
    bottom: 0px;
    width: 80%;
    margin: 10px auto;
  }
  .cta-1-2 {
    padding: 2rem 0 2rem;
  }
}
@media only screen and (max-width: 768px) {
  /*RESPONSIVE NAVIGATION*/
  .mobile-menu {
    display: block;
  }
  .ourArmySec ul.category-list {
    display: flex;
    flex-flow: wrap;
    justify-content: center;
  }
  .ourArmySec ul.category-list li {
    width: 47%;
  }
  .bookBox {
    height: 260px;
    text-align: center;
  }
  .reviews .item ul {
    justify-content: center;
  }
  .foot .nav {
    display: flex;
    column-count: 1;
  }
  .copy {
    margin: 10px 0px;
  }
  .banner h1 {
    font-size: 50px;
  }
  .progress-bar-container,
  .progress-bar-container-2 {
    display: none;
  }
  .reviews .item {
    height: 480px;
  }
  .form-container {
    border-radius: 40px;
  }
  .form-main-heading {
    font-size: 26px;
  }
  .form-container button {
    width: 50%;
    margin: 0px auto;
  }
  .modal-body h2 {
    color: #ffffff;
    font-size: 32px;
    text-align: center;
  }
  .modal-dialog {
    min-width: auto;
  }
  .cta-1 img {
    margin-top: 20px;
  }
  .copy-social {
    justify-content: center;
  }
  .modal-content {
    background: linear-gradient(90deg, #00000073 0%, #f4a63a36 100%),
      url(../images/popup-bg.webp) no-repeat;
    background-size: cover;
  }
  .modal-body h2 span {
    color: #111a2b;
  }
  .banner {
    padding: 40px 0px 20px;
  }
  .cta-1 h2 {
    font-size: 30px;
  }
  .ourArmySec h2,
  .hire h2,
  .bookSec h2,
  .process .heading,
  .reviews h2,
  .c_form h4 span,
  .faq-head {
    font-size: 32px;
  }
  /*RESPONSIVE NAVIGATION*/
}
@media (min-width: 576px) and (max-width: 768px) {
  .reviews {
    padding: 3rem 0 1rem;
  }
  .faq {
    padding: 3rem 0 11rem;
  }
  .c_box {
    padding: 20px 5px;
  }
}
@media only screen and (max-width: 576px) {
  .bookBox {
    height: 300px;
  }
  .reviews {
    padding: 3rem 0 1rem;
  }
  .reviews .item {
    height: auto;
  }
  .faq {
    padding: 3rem 0 12rem;
  }
  .form-container {
    padding: 20px 20px;
  }
  .c_box {
    padding: 10px 5px;
  }
  .banner h1 {
    font-size: 40px;
  }
  .foo_box {
    padding: 20px 10px;
    border: none;
  }
}

@media only screen and (max-width: 375px) {
  .banner h1 {
    font-size: 42px;
  }
}